@charset "utf-8";



/* main */

body, html { margin:0; padding:0; background-color:#fff;font-family: tahoma;}

.clr { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden;}

.container { margin:0; padding:0; width:100%; font:normal 12px/1.5em Tahoma, Tahoma, Tahoma; color:#3c3c3c;}

input, textarea { font-family:Tahoma, tahoma, tahoma, tahoma; font-size:1em; }

p { margin:0 0 16px 0; padding:0;}

a { color:#3c3c3c; text-decoration:underline;}

h2 { margin:0; padding:0; font:normal 30px/1.5em Tahoma, Tahoma, Tahoma;}

p.light { color:#999;}

p.nobottom { margin-bottom:0;}

p.bot8px { margin-bottom:8px;}

p.p_center { text-align:center;}

p.p_right { text-align:right;}

p.bigprice { margin:0 0 4px 0; font:normal 30px/1.2em Tahoma, Tahoma, Tahoma;}

p.timeclock { margin:0 0 4px 0; font:normal 30px/1.2em Tahoma, Tahoma, Tahoma; text-align:center;}

p.timeclock img { margin:-3px 4px -3px 0; border:none;}

.linehr { margin-bottom:16px; background:#d7d7d7 url(images/linehr.gif) repeat-x top; height:2px; line-height:0px; font-size:0px;}



/* header */

.header { color:#a4c5ee; background:#335c91 url(images/header_bg_right.jpg) no-repeat top left; min-width:800px;}

.header img.logo { float:left; border:none;}

.header .right { padding-right:36px; float:left; width:220px; }

.header .right a { color:#fff;}

.header .right p { margin-top:17px; padding:8px 16px; float:left;}

.header .right .dark { background-color:#295287;}

.header .right .light { background-color:#355e93; border:1px solid #43699a;}

.header .right ul { margin:16px 0 0 0; padding:8px 4px; float:left; list-style:none;}

.header .right ul li { padding:0 12px; float:left; border-left:1px solid #a4c5ee;}

.header .right ul li.first { border-left:none;}

.header .right img { margin:0 12px 0 0; border:none;}

.header .right img.logout { margin-top:-4px; margin-bottom:-4px;}

.header .menu { padding-left:36px; margin:0; background:url(images/menu_bg.gif) repeat-x top;}

.header .menu .rightblock { margin:0; padding:0; float:left; width:auto; background:url(images/menu_balloon.gif) repeat-x top;}

.header .menu .rightblock div { background:url(images/menu_balloon_left.gif) no-repeat top left;}

.header .menu .rightblock div div { padding:18px 6px 18px 6px; background:url(images/menu_balloon_right.gif) no-repeat top right; text-align:right;}

.header .menu .rightblock a { margin:0 2px; padding:5px 0; font-weight:bold; color:#335c91; text-decoration:none; background:url(images/button_white.gif) repeat-x top;}

.header .menu .rightblock a img { margin:-4px 4px -4px 0; padding:0; border:none;}

.header .menu .rightblock a span { padding:5px 0 5px 12px; background:url(images/button_white_left.gif) no-repeat top left;}

.header .menu .rightblock a span span { padding:5px 12px 5px 0; background:url(images/button_white_right.gif) no-repeat top right;}

.header .menu ul { margin:0 0 0 24px; padding:0; float:right; list-style:none;}

.header .menu ul li { margin:0; padding:0 0 0 2px; float:right; background:url(images/menu_split.gif) no-repeat right top;}

.header .menu ul li a { display:block; padding:0 12px; color:#fff; text-decoration:none;}

.header .menu ul li a img { margin:0 0 0 8px; border:0; }

.header .menu ul li a span { display:block;}

.header .menu ul li a span span { padding:0 0 0 16px;}

.header .menu ul li a span span span { padding:19px 16px 19px 0;}

.header .menu ul li a:hover span { background:url(images/menu_balloon.gif) repeat-x top; }

.header .menu ul li a:hover span span { background:url(images/menu_balloon_left.gif) no-repeat top left;}

.header .menu ul li a:hover span span span { background:url(images/menu_balloon_right.gif) no-repeat top right;}

.header .menu ul ul, .header .menu ul ul ul { margin:0; padding:0; list-style:none;}

.header .menu ul ul, .header .menu ul li:hover ul ul { display:none; position:absolute; }

.header .menu ul ul { margin:0 0 0 -4px; padding:0; width:178px; background-color:#2f5586;}

.header .menu ul ul ul { right:178px; margin:-30px 0 0 0; z-index:2;}

.header .menu ul li:hover ul, .header .menu ul li:hover li:hover ul { display:block;}

.header .menu ul ul li  { margin:1px 0 0 0; padding:0; float:none; background-color:#335c91; background-image:none; border-top:1px solid #416798; border-left:1px solid #416798; border-right:1px solid #305687; border-bottom:1px solid #305687;}

.header .menu ul ul li.active a { display:block; padding:8px 18px; color:#fff; background:url(images/dropleft_arrow.gif) no-repeat 10px 16px;}



.header .menu ul ul li a { display:block; padding:8px 18px; color:#fff; background:url(images/dropleft_arrows.gif) no-repeat 10px 16px;}

.header .menu ul ul li.active { background:#335c91 url(images/dropleft_arrows.gif) no-repeat 160px 13px; }



/* footer */

.footer { background:#335c91 url(images/footer_bg.jpg) repeat-x top ; }

.footer .bgr { padding-right:24px; background:url(images/footer_bg_right.jpg) no-repeat top right;}

.footer img.logo { float:left; border:none;}

.footer div.f_right { float:right; width:400px}

.footer a { color:#b8ddf9;}

.footer a span { font-weight:bold; color:#fff;}

.footer ul { margin:0; padding:20px 0 0 0; float:right; list-style:none;}

.footer ul li { float:left; border-left:1px solid #b7d1f1;}

.footer ul li.first { border-left:none;}

.footer ul li a { padding:0 12px;}

.footer p { margin:0; padding:32px 0 0 0; color:#b7d1f1; text-align:right;}

.footer p img { margin:-6px 8px; border:none;}



/* content */

.content { background:#fff url(images/content_bg.gif) repeat-x top;}

.content_res { margin:0 auto; padding:32px 0; width:1016px;}

.gadget { margin-bottom:12px;}

.leftblock { margin-right:10px;margin-left:10px; float:left; width:757px;}

.rightblock { width:220px; float:left;}

.gadget h3 { margin:8px 0 0 0; padding:8px 0; font:bold 12px/1.5em Tahoma, Tahoma, Tahoma;}

.gadget h3 img.calendar { margin:-6px 4px -6px 0; border:none;}

.gadget .titlebar { margin-bottom:2px; border:1px solid #cfcfcf; cursor:pointer;}

.gadget .titlebar h3 { margin:0; padding:8px 32px 7px 16px; font:bold 12px/1.5em Tahoma, Tahoma, Tahoma; background:#aaa url(images/dropdown_bg.gif) repeat-x top; border:1px solid #fff;}

.gadget .titlebar a { margin:1px 1px 0 0; float:right;}

.gadget .titlebar a img, .gadget .error a img { border:none;}

.gadget .titlebar a.hidegadget { background:#335c91 url(images/button_dropup_bl.gif) no-repeat center center;}

.gadget .titlebar a.closegadget { background:#335c91 url(images/button_close_bl.gif) no-repeat center center;}

.gadget .error_tit { margin-bottom:2px; padding:0;}

.gadget .error_tit h3 { margin:0 60px 0 0; padding:9px 0 10px 16px; font:bold 12px/1.5em Tahoma, Tahoma, Tahoma; color:#fff;}

.gadget .error_tit a.hideerr { margin:2px 2px 0 0; float:right;}

.gadget .error_tit a.closeerr { margin:2px 4px 0 0; float:right;}

.gadget .error_tit img { border:none;}

.gadget .error_msg { padding:16px; background-color:#fffbe0; border:1px solid #ff5e3b;}

.gadget .error_msg p { margin:0; padding:0; color:#3c3c3c;}

.gadget .error_msg a { font-weight:bold;}

.err_or .error_tit { background-color:#ff5e3b;}

.err_bl .error_tit { background-color:#335c91;}

.err_gr .error_tit { background-color:#9d9d9d;}

.err_or .error_tit a.hideerr { background:#df5132 url(images/button_dropup_or.gif) no-repeat center center;}

.err_bl .error_tit a.hideerr { background:#33507b url(images/button_dropup_bl.gif) no-repeat center center;}

.err_gr .error_tit a.hideerr { background:#7e7e7e url(images/button_dropup_gr.gif) no-repeat center center;}

.err_or .error_tit a.closeerr { background:#df5132 url(images/button_close_or.gif) no-repeat center center;}

.err_bl .error_tit a.closeerr { background:#33507b url(images/button_close_bl.gif) no-repeat center center;}

.err_gr .error_tit a.closeerr { background:#7e7e7e url(images/button_close_gr.gif) no-repeat center center;}

.err_or .error_msg a { color:#ff5e3b;}

.err_bl .error_msg a { color:#335c91;}

.err_gr .error_msg a { color:#3c3c3c;}

.gadget .gadgetblock { padding:12px 16px; background-color:#f4f4f4; border:1px solid #cfcfcf;}

.gadgets3par { margin-left:-4px; margin-right:-4px;}

.gadget3inline { margin-left:4px; margin-right:4px; float:left; width:247px;}

.gadget ul.grayarrow { margin:0; padding:0; list-style:url(images/li_arrow.gif) ;}

.gadget ul.grayarrow li { background:url(images/li_arrows.gif) no-repeat 0px 10px ; text-decoration:none;}

.gadget ul.grayarrow li a { display:block; margin:0; padding:6px 0 6px 16px; color:#335c91; text-decoration:none;}

.gadget ul.withlines li { border-top:1px solid #fff; border-bottom:1px solid #d7d7d7;}             /** "ul.withlines" use only with ul.grayarrow or other defined "ul" */

.gadget ul.withlines li.first { border-top:none;}

.gadget ul.withlines li.last { border-bottom:none;}

.gadget a.colourbutton { padding:6px 0 8px 10px; color:#fff; text-decoration:none;}

.gadget a.colourbutton span { padding:6px 10px 8px 0;}

.gadget a.colourbutton span span { padding:6px 12px 8px 6px;}   /* must have two alikes padding */

.gadget a.button_orange { background:url(images/button_orange_left.gif) no-repeat top left;}

.gadget a.button_orange span { background:url(images/button_orange_right.gif) no-repeat top right;}

.gadget a.button_orange span span { background:#ff5e3b url(images/button_orange.gif) repeat-x top;}

.gadget a.button_blue { background:url(images/button_blue_left.gif) no-repeat top left;}

.gadget a.button_blue span { background:url(images/button_blue_right.gif) no-repeat top right;}

.gadget a.button_blue span span { background:#ff5e3b url(images/button_blue.gif) repeat-x top;}

.gadget .shadowpar { margin:0 0 -12px 0; padding-left:6px;}

.gadget .pixshadow { margin:4px 5px 12px 5px; padding:4px; float:left; background-color:#ececec;}

.gadget .pixshadow img { margin-top:-8px; margin-left:-8px; padding:2px; background-color:#fff; border:1px solid #d7d7d7;}

.gadget table.gwlines { margin:0; padding:0;}

.gadget table.gwlines th { padding:6px; font-weight:bold; text-align:center; background-color:#fff; border-bottom:1px solid #d7d7d7;}

.gadget table.gwlines td { padding:6px; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #d7d7d7;}

.gadget table.gwlines tr.last td { border-bottom:none;}

.gadget table.arborder { margin-bottom:8px; border:1px solid #d7d7d7;}

.gadget table .lrborder { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}

.gadget table th.calign { text-align:center;}

.gadget table td.ralign { text-align:right; padding-right:12px;}

.gadget img.tabpimpa { border:none;}

.gadget .blockshadow { margin:4px 0 8px 4px; padding:4px; background-color:#ececec;}

.gadget .blockshadow div.bs_content { margin-top:-8px; margin-left:-8px; padding:10px 12px; background-color:#fff; border:1px solid #d7d7d7;}

.gadget .blockshadow div.bs_content img.context { margin-right:8px; float:left; border:none;}

.gadget .blockshadow div.bs_content div.context { float:left; width:126px;}

.gadget .blockshadow div.bs_content div.context h4 { margin:0 0 6px 0; padding:0 0 6px 0; font: bold 16px/1.2em Tahoma, Tahoma, Tahoma; border-bottom:1px solid #d7d7d7;}

.gadget .iconblockpar { margin:0 0 -16px 0; padding:8px 6px 0 6px;}

.gadget .iconblockshade { margin:0 12px 12px 12px; float:left; width:118px;}

.gadget .blockshadow div.iconblock { padding:6px 24px 0px 24px;}

.gadget .blockshadow div.iconblock img { border:none;}

.gadget .blockshadow div.iconblock p { text-align:center;}

.gadget .blockshadow div.iconblock a { color:#999;}

.gadget .whiteblock { padding:12px 20px; background-color:#fff; border:1px solid #d7d7d7;}

.gadget .whiteblock img { border:none;}

.gadget .whiteblock img.cardpay { float:left;}

.gadget .whiteblock img.cardlogo { margin:-6px 0 -8px 0;}

.gadget .whiteblock .priceblock { padding:8px 20px; float:left;}

.gadget .whiteblock .cardsblock { padding:0 0 0 20px; float:right; border-left:1px solid #d7d7d7;}

.gadget .whiteblock .pimpabtn { margin:-2px 0;}

.gadget .whiteblock .specpad { padding-top:12px;}

.gadget .clocktime { width:110px; float:left;}

.gadget .clockdate { padding-left:4px; float:left;}

.gadget .vertsortable_head { cursor:move;}

.gadget .horizsortable_head { cursor:move;}

.hideable



/* contact */

form { margin:0; padding:0; }

form ol { margin:0; padding:0; list-style:none;}

form ol li { display:block; margin:0; padding:0 0 8px 0;}

form label, form input.text, form textarea, form select { font:normal 12px/1.5em Tahoma, Tahoma, Tahoma; color:#3c3c3c; }

form:not(.submitform) input[type="text"], form:not(.submitform) input[type="password"], form textarea, form select { margin-bottom: 5px;font:normal 11px/18px Tahoma, Tahoma, Tahoma; border: 1px solid #cfcfcf; padding: 6px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }

input.button,input.buttongo,input.buttonwarn , .btncart {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:0 7px 0 0;
    background-color:#3b5998;
	color:#fff;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 7px 3px 7px;
}

input.button:hover, input.buttongo:hover, input.buttonwarn:hover, .btncart:hover  { 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:0 7px 0 0;
    background-color:#3986CB;
	color:#fff;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 7px 3px 7px;
}

form label { display:block; margin:0; padding:0;}

form input.text, form textarea, form select { margin:4px 0; padding:4px; background:#fff; border:1px solid #999;}

form input.text { height:15px;}

form textarea { height:82px;}

form select { padding:2px; height:25px;}

form a.pnbtn { padding:4px 8px; text-decoration:none; background-color:#fff; border:1px solid #d7d7d7;}

.form_quickcontact input.text { width:140px;}

.form_quickcontact textarea { width:204px;}

.form_login { margin-bottom:8px;}

.form_login input.text { width:140px;}

form input.text { width:140px;}

.form_example textarea { width:450px;}

.form_example input.mini { width:64px; text-align:center;}

.form_example input.small { width:120px;}

.form_example input.medium { width:180px;}

.form_example input.large { width:450px;}

.form_example input.date { width:16px;}

.form_example input.year { width:32px;}

.form_example select { width:450px;}

.form_example select.cntresults { float:right; width:100px;}

.form_example label.small { float:left; width:132px;}

.form_example label.date { float:left; width:35px;}

.form_example label.year { float:left; width:50px;}



/* DATEPICKER */

/* ========================================================== begin ====================================================================== */

/* Interaction states */

.ui-state-default, .ui-widget-content .ui-state-default { border:1px solid #f3f3f3; text-align:center;}    /* days (border must have) */

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border:1px dotted #d7d7d7;}    /* hovered day */

.ui-state-active, .ui-widget-content .ui-state-active { border:1px solid #d7d7d7;}    /* selected day */

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { }



/* Interaction Cues */

.ui-state-highlight, .ui-widget-content .ui-state-highlight {border:1px solid #d7d7d7; background:#fff; text-align:center;}     /* today */



/* Datepicker */

.ui-datepicker { margin-top:8px; margin-bottom:16px;}  /* container for datepicker */

.ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0; border:1px solid #d7d7d7; background:#fff;}          /* container for datepicker's head */

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; padding-top:3px; top:2px; width:36px; height:23px; text-decoration:none;}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border:none;}

.ui-datepicker .ui-datepicker-prev { left:8px; background:url(images/arrow_prev.gif) no-repeat 2px 8px; text-align:right;}

.ui-datepicker .ui-datepicker-next { left:56px; background:url(images/arrow_next.gif) no-repeat 28px 8px;}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block;}

.ui-datepicker .ui-datepicker-title { margin:0; padding-right:12px; line-height:1.8em; text-align:right;}

.ui-datepicker table { width:100%; border-collapse:collapse;}

.ui-datepicker th { padding:6px 4px; text-align:center; font-weight:bold; background:url(images/linehr.gif) repeat-x bottom;}

.ui-datepicker td { padding:0;}

.ui-datepicker td span, .ui-datepicker td a { display:block; padding:4px; text-decoration:none; }

/* ========================================================== end ====================================================================== */



/* dialogs */

#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}

#dialogboxes .window { position:absolute; display:none; padding:2px; left:0; top:0; width:382px; z-index:9999; background-color:#335c91;}

#dialogboxes .window .gadget { margin-bottom:0px;}

#dialogboxes .window .gadget .gadget { margin-bottom:12px;}



/* FSPGroup */

.submitbutton

{

	BORDER: solid 0 #FFFFFF;

	BACKGROUND: URL(images/submitbuttonbg.gif) no-repeat;

	HEIGHT: 21px;

	WIDTH: 85px;

	COLOR: #000000;

	FONT-FAMILY: tahoma, Tahoma;

	FONT-SIZE: 11px;

	MARGIN: 0px;

    padding-top: 3px;

    padding-bottom: 15px;

    vertical-align:middle;

}

.logintext

{

	COLOR: #000000;

	FONT-FAMILY: tahoma, Tahoma;

	FONT-SIZE: 11px;

	BORDER-STYLE: solid;

	BORDER-COLOR: #888888;

	BORDER-WIDTH: 1px;

	WIDTH: 123px;

	PADDING: 3px 2px 2px 2px;

	MARGIN: 0px;

	BACKGROUND: URL(images/whois.png) no-repeat;

	BACKGROUND-POSITION: 1px 1px;

	BACKGROUND-COLOR: #FFFFFF;

	PADDING-LEFT: 18px;

	VERTICAL-ALIGN: middle;

}

.username

{

	COLOR: #000000;

	FONT-FAMILY: tahoma, Tahoma;

	FONT-SIZE: 11px;

	BORDER-STYLE: solid;

	BORDER-COLOR: #888888;

	BORDER-WIDTH: 1px;

	WIDTH: 100px;

	PADDING: 3px 2px 2px 2px;

	MARGIN: 0px;

	BACKGROUND: URL(images/username_field.png) no-repeat;

	BACKGROUND-POSITION: 1px 1px;

	BACKGROUND-COLOR: #FFFFFF;

	PADDING-LEFT: 18px;

	VERTICAL-ALIGN: middle;

}

.password

{

	COLOR: #000000;

	FONT-FAMILY: tahoma, Tahoma;

	FONT-SIZE: 11px;

	BORDER-STYLE: solid;

	BORDER-COLOR: #888888;

	BORDER-WIDTH: 1px;

	WIDTH: 100px;

	PADDING: 3px 2px 2px 2px;

	MARGIN: 0px;

	BACKGROUND: URL(images/password_field.png) no-repeat;

	BACKGROUND-POSITION: 1px 1px;

	BACKGROUND-COLOR: #FFFFFF;

	PADDING-LEFT: 18px;

	VERTICAL-ALIGN: middle;

}























#dhtmltooltip{





position: absolute;






left: -300px;



















font-size: 12px;

width: auto;





border: 1px solid black;






padding: 2px;




background-color: white;






visibility: hidden;



















z-index: 100;





/*Remove below line to remove shadow. Below line should always appear last within this CSS*/






filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);










}

























#dhtmlpointer{






position:absolute;























left: -300px;














z-index: 101;














visibility: hidden;




}




/* WHMCS CSS

*/



#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}

#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}

#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}

#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}

#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}

#side_menu ul li{line-height:25px;margin:0;padding:0;}

#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}

#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}

#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}

#top_menu ul{list-style:none;margin:0;padding:0;}

#top_menu ul li{float:right;margin:0;padding:0;}

#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:93px;}

#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:200;width:50px;}

#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}

#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}

#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}

#welcome_box a:hover{text-decoration:underline;}

.absmiddle{vertical-align:middle;}

.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}

.clear{clear:both;}

.green{color:#006F0F;}

.red{color:#BF0000;}

.small{font-size:11px;}

.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}

.contentbox{padding:10px;margin:0 0 10px;text-align:center;}

.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}

.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}

.clientareatableactive{background-color:#DFFFE0}

.clientareatablepending{background-color:#EFEFEF}

.clientareatablesuspended{background-color:#FFF6CF}

.clientareatableterminated{background-color:#FFCFCF}

.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}

.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}

.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}

.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}

.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}

.textgreen{color:#158F00;}

.textred{color:#9F0000;}

table.data{margin:0 0 10px;padding:0;text-align:right;}

table.data td{padding:6px; text-align:right; border-top:1px solid #fff; border-bottom:1px solid #d7d7d7; }

table.data th{padding:6px; font-weight:bold; text-align:right; background-color:#CFCFCF; border-bottom:1px solid #d7d7d7;}

table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}

table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}

table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}

table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}

table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}

table.frame table td{padding:6px; background-color:#FFF;border-bottom:1px solid #EBEBEB;}

table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

.kbarticle {padding: 2px 5px 5px 15px;}

.kbviews {color:#A8A8A8;font-size:10px;}

.kbalsoread {padding: 5px 5px 5px 15px;background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-weight: bold;margin: 10px 0 10px 0;}

h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}

h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}

div.stepsboxactive { background: #567aa8; width: 150px; font-size: 12px; text-align: center; color: #ffffff; margin-bottom: 5px; }
b.stepsboxactivertop, b.stepsboxactiverbottom { display:block; background: #FFF }
b.stepsboxactivertop b, b.stepsboxactiverbottom b {display:block;height: 1px; overflow: hidden; background: #567aa8; }

div.stepsboxinactive { background: #efefef; width: 150px; font-size: 12px; text-align: center; margin-bottom: 5px; }
b.stepsboxinactivertop, b.stepsboxinactiverbottom { display:block; background: #FFF }
b.stepsboxinactivertop b, b.stepsboxinactiverbottom b {display:block;height: 1px; overflow: hidden; background: #efefef; }

div.orderbox { background: #E6ECF8; margin-bottom: 5px; }
b.orderboxrtop, b.orderboxrbottom { display:block; background: #FFF }
b.orderboxrtop b, b.orderboxrbottom b {display:block;height: 1px; overflow: hidden; background: #E6ECF8; }
div.orderboxpadding { padding: 5px; }

b.r1 {margin: 0 5px}
b.r2 {margin: 0 3px}
b.r3 {margin: 0 2px}
b.r4 {margin: 0 1px;height: 2px}

.cartedit { color:#009900; }
.cartremove { color:#cc0000; }


/* fix footer problem */

#ui-datepicker-div { display: none; }