/*------------------------------------------------
Kayako Support Suite Custom Styles

Version:	1.0
Author:		Andrew Wilson
Website:	www.classicrakeback.com
Created:	23/01/09
------------------------------------------------*/


#blue:link {
	color: #0000cc; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#blue:visited {
	color: #0000cc; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#blue:hover {
	color: #0000cc; text-decoration: underline; font-family: verdana, tahoma; font-size: 11px;
}
#navlink:link {
	color: #277DC9 !important; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#navlink:visited {
	color: #277DC9 !important; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#navlink:hover {
	color: #277DC9 !important; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#white:link {
	color: #ffffff; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#white:visited {
	color: #ffffff; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#white:hover {
	color: yellow; text-decoration: none; font-family: verdana, tahoma; font-size: 11px;
}
#mBody a.moduletitle  {
	font-weight: bold; font-size: 11px; color: #277dc9!important; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;
}
#mBody a:visited.moduletitle {
	font-weight: bold; font-size: 11px; color: #277dc9; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;
}
#mBody a:hover.moduletitle {
	font-weight: bold; font-size: 11px; color: #277dc9; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline;
}
#footerlink:link {
	font-weight: normal; font-size: 11px; color: #efefef; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;
}
#footerlink:visited {
	font-weight: normal; font-size: 11px; color: #efefef; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;
}
#footerlink:hover {
	font-weight: normal; font-size: 11px; color: orange; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline;
}
#newstitle:link {
	font-weight: normal; font-size: 15px; color: #277dc9; font-family: trebuchet ms, verdana, arial, helvetica; text-decoration: none;
}
#newstitle:visited {
	font-weight: normal; font-size: 15px; color: #277dc9; font-family: trebuchet ms, verdana, arial, helvetica; text-decoration: none;
}
#newstitle:hover {
	font-weight: normal; font-size: 15px; color: #277dc9; font-family: trebuchet ms, verdana, arial, helvetica; text-decoration: underline;
}
#articlelink:link {
	font-weight: bold; font-size: 11px; color: #277dc9; font-family: verdana, arial, helvetica; text-decoration: none;
}
#articlelink:visited {
	font-weight: bold; font-size: 11px; color: #277dc9; font-family: verdana, arial, helvetica; text-decoration: none;
}
#articlelink:hover {
	font-weight: bold; font-size: 11px; color: #277dc9; font-family: verdana, arial, helvetica; text-decoration: underline;
}
#articlelinkyellow:link {
	font-weight: bold; font-size: 11px; color: #FFCC33; font-family: verdana, arial, helvetica; text-decoration: none;
}
#articlelinkyellow:visited {
	font-weight: bold; font-size: 11px; color: #FFCC33; font-family: verdana, arial, helvetica; text-decoration: none;
}
#articlelinkyellow:hover {
	font-weight: bold; font-size: 11px; color: #FFCC33; font-family: verdana, arial, helvetica; text-decoration: underline;
}

.swiftbutton
{	background-color: #ffffff;
	color: #333333;
	font-family: verdana, tahoma;
	font-size: 12px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 2px;
}

/*.bluebutton
{
	border: solid 0 #ffffff;
	background: url(http://www.rakebackpartners.com/support/themes/client_default/bluebuttonbg.gif) no-repeat;
	height: 21px;
	width: 85px;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	margin: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}

.orangebutton
{
	border: solid 0 #ffffff;
	background: url(http://www.rakebackpartners.com/support/themes/client_default/orangebuttonbg.gif) no-repeat;
	height: 21px;
	width: 85px;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	margin: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}

.yellowbutton
{
	border: solid 0 #ffffff;
	background: url(http://www.rakebackpartners.com/support/themes/client_default/yellowbuttonbg.gif) no-repeat;
	height: 21px;
	width: 64px;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	margin: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}

.yellowbuttonbig
{
	border: solid 0 #ffffff; background: url(http://www.rakebackpartners.com/support/themes/client_default/yellowbuttonbigbg.gif) no-repeat; height: 21px; width: 100px; color: #000000; font-family: verdana, tahoma; font-size: 11px; margin: 0px; padding-top: 3px; padding-bottom: 15px; align: center; vertical-align:middle;
}*/

.commentrow1
{
	background-color: #fffdf7; border: 0px solid #ffe6b8; color: #333333; width: 99%;padding: 2px; margin: 2px; font-family: verdana, tahoma; font-size: 11px;
}

.commentrow2
{
	background-color: #ffffff; border: 0px solid #fffbf2; color: #333333; width: 99%;padding: 2px; margin: 2px; font-family: verdana, tahoma; font-size: 11px;
}

.commenthr
{
	border: none;
	background-color: #ffeecf;
	color: #ffeecf;
	height: 1px;
	margin: 3px 1px;
	padding: 0;
}

.swifttext
{
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	padding: 2px 2px 2px 2px;
}

.departmentselect
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
}

.swifttextarea
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	width: 100%;
	padding: 2px 2px 2px 2px;
}

.swifttimer
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px;
	width: 50px;
	text-align: right;
	padding-right: 5px;
}

.navitem
{
	background-color: #f5f5f5;
	color:#277dc9 !important;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-bottom: 1px dotted #919191;
	padding: 4px;
}

.navitemhover
{
	background-color: #cdcdcd;
	color:#277dc9 !important;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-bottom: 1px solid #919191;
	padding: 4px;
}

.swiftpostmessage
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 12px;
	border: 1px solid #919191;
	width: 98%;
	height: 40px;
	overflow: auto;
	padding: 2px 2px 2px 2px;
}

.swiftsendbutton
{
	background: url(http://www.rakebackpartners.com/support/themes/client_default/sendbuttonbg.gif);
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 12px;
	border-style: solid;
	border-color: #3894e5;
	border-width: 1px;
	width: 98%;
	height: 40px;
	padding: 2px 2px 2px 2px;
}

.mediumtext
{
    font-size: 12px;
    color: #333333;
    font-family: verdana, arial, helvetica;
}

.articlepreview
{
	color: #F9F9F9;
	font-size: 10px;
	font-family: verdana, arial, helvetica;
}

.dlitempreview
{
    font-size: 11px;
    color: #F9F9F9;
    font-family: verdana, arial, helvetica;
}

.smalltext
{
    font-size:1.03em;
    color: #ffcc33;
    font-family:arial, verdana, sans-serif;
}

.ticketpostname
{
    font-size: 18px;
    color: #333333;
    font-family: trebuchet ms, verdana, arial, helvetica;
}

.articletitle
{
    font-size: 1.9em;
    color: #ffcc33;
    font-family: trebuchet ms, verdana, arial, helvetica;
	padding:0 !important;
}

.printabletext
{
    font-size: 12px;
    color: #000000;
    font-family: tahoma, verdana, arial, helvetica;
	letter-spacing: 2px;
}

.usertyping
{
    font-size: 11px;
    color: #ffffff;
    font-family: verdana, arial;
}

.error
{
    font-size: 11px;
    color: #e55838;
    font-family: verdana, arial;
}

.title
{
	font-size: 14px;
	color: #277dc9;
	font-family: trebuchet ms, verdana, arial;
}

/*body
{
    font-size: 11px;
    color: #333333;
    font-family: verdana, arial;
}*/

.searchtext
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	width: 140px;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	vertical-align: middle;
}

.logintext
{
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	width: 123px;
	padding: 3px 2px 2px 2px;
	margin: 0px;
	background: url(http://www.rakebackpartners.com/support/themes/client_default/icon_user.gif) no-repeat;
	background-position: 1px 1px;
	background-color: #ffffff;
	padding-left: 18px;
	vertical-align: middle;
}
.loginpassword
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	width: 140px;
	padding: 3px 2px 2px 2px;
	margin: 0px;
	vertical-align: middle;
}
.searchselect
{	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	width: 100%;
}
.languageselect
{	background-color: #efefef;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	width: 120px;
}

form
{
	margin: 0px;
	padding: 0px;
}

.borderrow1
{
	background-color: #6393df;
}

.qbrow1
{
	background-color: #ffffff;
	color: #000000;
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

.qbrow2
{
	background-color: #fafcff;
	color: #000000;
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

.sectiontitlebg
{
	background: #ffffff url(http://www.rakebackpartners.com/support/themes/client_default/navtitlebg.gif) repeat-x top left;
	color: #333333;
	font-size: 11px;
	font-family: verdana, arial, helvetica;
	padding: 0px;
}

.qbtitle
{
	background: #eaedf4 url(http://www.rakebackpartners.com/support/themes/client_default/qbtablebg.gif) repeat-x top left;
    color: #333333;
	font-size: 11px;
    font-family: verdana, arial, helvetica;
	height: 16px;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	border: 1px solid #90a0b0;
}

.rowhighlight
{
	background-color: #fff8e9;
	color: #000000;
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

.tabletitle
{
	background: transparent url(http://www.rakebackpartners.com/support/themes/client_default/article-heading.gif) repeat-x top left;
    color: #333333;
	font-size: 11px;
    font-family: verdana, arial, helvetica;
	height: 20px;
	padding: 4px 6px 2px 6px;
	margin: 0px;
}

.ticketsubject
{
	color: #333333;
    font-size: 12px;
    font-family: verdana, arial, helvetica;
	font-weight: bold;
}

.row1
{
	background-color: #edf4ff;
	color: #000000;
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

.row2
{
	/*background-color: #f7faff;*/
	color: #000000;
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

.row3
{
	background-color: #fff8e9;
	color: #000000;
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

.tborder
{
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #6393df;
}

.ticketline
{
	background-color: #96b9f0;
}

.tickethr
{
	background-color: #d1dceb; color: #d1dceb; border: 0; height:1px; margin-top: 0; margin-bottom: 8px; 
}

.tbordererror
{
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #e82a2a;
}

.errorbox
{
	background-color: #ffeaea;
	color: #333333;
    font-size: 11px;
    font-family: verdana, arial;
}
.tcat
{
	background: #80a9ea url(http://www.rakebackpartners.com/support/themes/client_default/navigation-header.gif) repeat-x top left;
	height:26px;
    color: #ffffff;
	font: 12px verdana, tahoma;
}

.tabletitlerow
{
	background: #80a9ea url(http://www.rakebackpartners.com/support/themes/client_default/tabledescbg.gif) repeat-x top left;
    color: #113265;
	font: 11px verdana, tahoma;
}

.contenttableborder
{
	background: #d1dceb;
	color: #ffffff;
}
.tborder
{
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #fff;
}
.redtext
{
    font-size: 11px;
    color: red;
    font-family: verdana, arial;
}
.swiftselect
{
	border: 1px solid #4c77b6;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, tahoma;
	font-size: 11px;
	border: 1px solid #666666;
	margin: 0px;
	padding: 1px;
	vertical-align: middle;
}

.navpage
{
	background-color: #ffffff;
	color: #ffffff;
	font: 11px tahoma, verdana;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}

.navpageselected
{
	background-color: #e5f3fe;
	color: #000000;
	font: 11px tahoma, verdana;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
.highlightpage
{
	background-color: #659ecb;
	color: #ffffff;
	font: bold 11px tahoma, verdana;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
.highlightpage a:link
{
	color: #ffffff;
	text-decoration: none;
}
.highlightpage a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.highlightpage a:hover, .highlightpage a:active
{
	color: #ffffff;
	text-decoration: underline;
}
.newsdate
{
	font-size: 11px;
	color: #999999;
	font-family: verdana, arial, helvetica;
	margin: 0 0 2px 0;
}

#support .irsui
{
	background-color: #fffbf2; border: 1px solid #ffe6b8; color: #333333; width: 100%; /*-moz-border-radius: 6px 6px 6px 6px;*/ padding: 0px; margin: 0px;
}

#support .irshr
{
	border: none;
	color: #ffeecf;
	background-color: #ffeecf;
	height: 1px;
	margin: 3px 1px;
	padding: 0;
}

#support .swiftfieldset { margin-bottom: 6px; color: #267DDC; BORDER: 1px SOLID #CCCCCC; /*-moz-border-radius: 4px 4px 4px 4px;*/ padding: 4px}
#support .swiftfieldset, #support .swiftfieldset td, #support .swiftfieldset p, #support .swiftfieldset li { FONT: 11px Verdana, Tahoma; }




/* ANDY WILSON ADDITIONS JANUARY 2009 */

/* ---------------------------------------------------------------------------- CSS ADDITIONS FOR KAYAKO SUPPORT  */

#support #logo {
	padding-top:38px;
}

#support #headerBanner {
	top:9px;
}

#support #mBody {
	width:922px;
}

#support .panelcontenttop {
	background:url(../images/interface/support-content-bg-top.gif) top left no-repeat;
	height:14px;
	padding:0;
	margin:0;
	clear:both;
	margin-top:14px;
}

#support .panelcontent {
	background:url(../images/interface/support-content-tile.gif) repeat-y !important;
	padding:0 12px;
	margin:0;
}

#support .panelcontentcap {
	background:url(../images/interface/support-content-bg-bot.gif) bottom left no-repeat;
	height:14px;
	padding:0;
	margin:0;
	clear:both;
}

#support h1 {
	background:url(../images/interface/heading-bg-blue-full.gif) no-repeat;
}

#support .spacer {height:10px; width:10px;}
#support .xspacer {padding:5px;}
#support .yspacer {padding:5px;}

#support .whiteBG {background-color:#FFF;}

#support .divideLine {
	background:#555 url(../images/interface/support-divide-line.gif) repeat-x;
	height:1px;
	padding:12px 0;
}

/* MAIN MODULE ITEMS BUTTONS */

.widgetBG {
	background:	#555 url(http://www.rakebackpartners.com/support/themes/client_default/support-main-button-bg.gif) top left no-repeat;
	height:80px;
	margin-left:4px;
	padding:10px 7px 0 6px;
}

.smalltext {
	color:#000 !important;
}

/* NAV ITEMS */

.navitem img, .navitemhover img {
	float:left;
}

#mBody .navitem a, #mBody .navitem a:hover, #mBody .navitemhover a, #mBody .navitemhover a:hover{
	color:#277DC9;
}

/* FIELDSET CHANGES */

#support .swiftfieldset { 
	margin:1em 0 !important;
}

#support fieldset {
	font-family:Arial, Helvetica, sans-serif;	
}

#support fieldset .mediumtext, #support fieldset .smalltext {
	color:#F0F0F0 !important;
}

.row2 {color:#FFF !important;}

#support .imgLeft {
	float:left;
	margin-right:6px;
}

#support .hidden {
	display:none;	
}

#support input.swifttext, #support textarea.swifttextarea, #support select.swiftselect {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #333333;
	padding:3px 3px;
	background:#FFF url(../images/interface/input-bg.gif) top left no-repeat;
	color:#000;
	margin:0;
}

.moduletitlenew {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#277DC9!important;
}

.moduletitlenew a:hover {
	text-decoration:none!important;
}