/*========================================================*/
/*  Overall                                         */
/*========================================================*/
Body{ margin:0px; padding:0px;}
.clear{ clear:both}
.left{ float:left}
.right{ float:right}

H1 {color: #222;}
H2 {color: #555;}
H3 {color: #fca605;}
H4 {color: #0052e1;}
H5 {color: #0052e1;}
H6 {color: #0052e1;}

/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/

.ControlPanel{ background:url(images/breadbg.gif) top left repeat-x #d9d9d9; border:1px #ccc solid;}
.ControlPanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.ControlPanel TD .SubHead{ font-size:8pt; color:#222; font-weight:bold; }
.ControlPanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:8pt; color:#666; font-weight: bold; }
.ControlPanel TD TD TD input{ background:#f5f5f5; font-size:8pt; color:#000; font-weight:bold; padding-left:4px; }
.ControlPanel TD TD TD select{ background:#f5f5f5; font-size:8pt; color:#444;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{color:#fca605; text-decoration:none; font: bold 8pt Tahoma, Arial, Helvetica, sans-serif; padding:0 3px;}
A.CommandButton:hover{ color:#000; text-decoration:none;}

/*========================================================*/
/*  Skin Layout                                         */
/*========================================================*/

#fload{ width:0px; height:0px;}
#topbar{ float:right; width:60%; text-align:right; margin-top:3px; margin-right:5px;  line-height:20px;}
.date{ padding:0 10px; color:#777}
.language{ float:right;text-align:right; padding:0 5px; white-space:nowrap; width:45%}
.language .language{ width:auto}
.bannerpane{ width:60%; float:right;  min-height:35px; height:auto; margin:0 5px 0 0;}
.logo{ width:200px; height:100px}
* html .bannerpane{ height:35px} 
.Settings{ text-align:left}
#dnncontent{width:99%; margin:5px 0}


#dnnbreader{ width:99%; background:url(images/breadbg.gif) top left repeat-x; height:31px; margin:0 auto; line-height:30px}
#dnnbreader .left{background:url(images/breadleft.gif) top left no-repeat; height:31px; padding-left:10px; text-align:left;}
#dnnbreader .right{background:url(images/breadright.gif) top right no-repeat; height:31px;position:relative; width:260px;}

#dnnbreader .right #dnn_dnnSEARCH_txtSearch,
#dnnbreader .right #dnn_dnnSEARCH_txtSearchNew{ border:0px #ccc solid;height:18px; position:absolute; top:5px; right:40px; padding:2px 0px 0 0px; background:transparent; width:120px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777}
#dnnbreader .right span{ float:left}
#dnnbreader .right a:link,#dnnbreader .right a:active,#dnnbreader .right a:visited{ position:absolute; right:0px; border:0px; top:5px; width:25px; height:20px; display:block; border:0px; background:url(images/search-button.gif) left top no-repeat; overflow:hidden; margin-right:10px}
#dnnbreader .right a:hover{ background:url(images/search-button.gif) 0 -21px no-repeat}

#nobanner{ clear:both}
#nobanner .sloganpane{ width:99%; float:none; margin:0px; padding:0px; display:block; border-bottom:1px #fff solid; border-top:1px #fff solid}
/*========================================================*/
/*  Skin Object                                         */
/*========================================================*/
 .breader,a.breader:link, a.breader:active, a.breader:visited{ color:#666; font-weight:normal; text-decoration:underline; padding-left:18px; background:url(images/bread.gif) left center no-repeat}a.breader:hover{ color:#FF9900; text-decoration:none}

.user,A.user:link,A.user:active,A.user:visited  {color: #888;TEXT-DECORATION: none; line-height:25px;background:url(images/user.gif) 0 -1px no-repeat;padding:1px 20px; font-weight:bold;} A.user:hover {color:#fca605;text-decoration:underline;background:url(images/user.gif) 0 -24px no-repeat}

.login,A.login:link,A.login:active,A.login:visited  {line-height:25px; background:url(images/reg.gif) 0 -1px no-repeat; padding:1px 20px; font-weight:bold; color:#888; text-decoration:none;} A.login:hover {color:#fca605; text-decoration:underline; background:url(images/reg.gif) 0 -24px no-repeat}


.themeOff,.themeOn{ border:0; cursor:pointer; margin:0px}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.leftpane{ width:24%; float:left;overflow:hidden; }
.contentpane{width:50%; margin-left:1%; display:inline; float:left;}
.rightpane{ width:24%; float:right; overflow:hidden;}
.mainapane{ width:32.8%; float:left; ;overflow:hidden;}
.mainbpane{ width:32.4%; margin-left:1%; float:left; ;overflow:hidden}
.maincpane{ width:32.8%; float:right; ;overflow:hidden;}
.toppane,.bottompane{}
.topleftpane{ width:26%; float:left;overflow:hidden; margin:0 0 0 5px;}
.toprightpane{ width:70%; float:right;overflow:hidden; margin:0 5px 0 0;}
.midleftpane{ width:75%; float:left;overflow:hidden;}
.midrightpane{ width:24%; float:right;overflow:hidden;}
.sloganpane{ width:60%; float:right; margin:20px 0 0 0;display:inline;}

/*========================================================*/
/*  Page Banners                                         */
/*========================================================*/
#dnnbanner{height:200px; width:99%; margin:0 auto; border-bottom:1px #fff solid; border-top:1px #fff solid; clear:both;}
.b1{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b2{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b3{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b4{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b5{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b6{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b7{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b8{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b9{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}
.b10{ background:url(banners/banner.jpg) left top no-repeat #ffa500;}

/*========================================================*/
/*  CSS Menu Style                                         */
/*========================================================*/
.Menu{margin: 0 auto;background:url(menus/menuleft.gif) left top no-repeat; height:38px; width:99%}
.Menu .Box{background:url(menus/menuright.gif) right top no-repeat; float:right; padding-right:13px; padding-left:260px; height:38px}
.CSSMENU 								{ position:relative; height:38px; float:left}
.CSSMENU span 							{ padding:0 13px; white-space:nowrap; display:block;}
.CSSMENU ul								{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU li 							{ list-style: none none outside;float:left;position:relative;}
.CSSMENU ul li 							{ float:left}
.CSSMENU ul li a						{ background:url(menus/ms.gif) left center no-repeat;height:38px; display:block; float:left}
.CSSMENU .first a						{ background:none}
.CSSMENU ul .current 					{ background:url(menus/menuon.gif) center bottom no-repeat; margin:0px}
.CSSMENU ul .current span				{ color:#fff}
.CSSMENU ul .current .slide span		{ background:transparent;}
.CSSMENU ul a:link, 
.CSSMENU ul a:active, 
.CSSMENU ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:38px;display: block; cursor:pointer}
.CSSMENU ul a:hover 					{ color: #ffff00;float:left}
.CSSMENU .downarrow						{ position:absolute; right:4px; top:20px}
.CSSMENU .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU .slide 						{ display: none; float: left;overflow:hidden; position:absolute;}
.CSSMENU .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU .slide .Group 					{ background:#fff; border:1px #ccc solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU .slide li a 					{ background:none}
.CSSMENU .slide ul li 					{ clear: both;background:url(menus/submenu.gif) top left repeat-x; display:block; border-bottom:1px #ddd solid; 
width:100%}
.CSSMENU .slide ul li span 				{ color:#666666; display:block;padding:0 20px 0 20px; text-align:left}
.CSSMENU .slide ul li a					{ background:url(menus/submenu.gif) topleft repeat-x;height:24px; display:block}
.CSSMENU .slide ul a:link, 
.CSSMENU .slide ul a:active, 
.CSSMENU .slide ul a:visited			{ width:auto;color:#333; text-decoration:none;line-height:24px;display: block; cursor:pointer}
.CSSMENU .slide ul a:hover 				{ background:url(menus/submenu.gif) 0 -25px repeat-x;width:100%}
.CSSMENU .slide ul a:hover span 		{ background:url(menus/submenu.gif) 0 -25px repeat-x;}
/*========================================================*/
/*  CSS Menu2 Style                                         */
/*========================================================*/
.Menu2{ margin:0 auto; border-bottom:2px #039 solid; width:99%}
.CSSMENU2 								{ position:relative; height:35px; float:left}
.CSSMENU2 span 							{ padding:0 20px; white-space: nowrap; display:block;}
.CSSMENU2 ul							{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU2 li 							{ list-style: none none outside; float:left;position:relative; margin:0 1px}
.CSSMENU2 ul li 						{ background:url(menus/menu2.gif) top left no-repeat; float:left}
.CSSMENU2 ul li a						{ background:url(menus/menu2.gif) right -40px no-repeat;height:35px; display:block; float:left}
.CSSMENU2 ul .current 					{ background:url(menus/menu2.gif) left -80px no-repeat; margin:0px}
.CSSMENU2 ul .current a					{ background:url(menus/menu2.gif) right -120px no-repeat; color:#777;}
.CSSMENU2 ul .current a:hover, 
.CSSMENU2 ul .current span:hover		{ color:#fff}
.CSSMENU2 ul .current span				{ color:#777}
.CSSMENU2 ul .current .slide span		{ background:transparent;}
.CSSMENU2 ul a:link, 
.CSSMENU2 ul a:active, 
.CSSMENU2 ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:35px;display: block; cursor:pointer; font-weight:bold}
.CSSMENU2 ul a:hover 					{ color: #fff; background:url(menus/menu4.gif) left -160px no-repeat;float:left}
.CSSMENU2 ul a:hover span 				{ background:url(menus/menu4.gif) right -200px no-repeat; float:left}
.CSSMENU2 .downarrow					{ position:absolute; right:9px; top:17px}
.CSSMENU2 .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU2 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.CSSMENU2 .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU2 .slide .Group 				{ background:#fff; border:1px #ccc solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU2 .slide li a 					{ background:none}
.CSSMENU2 .slide ul li 					{ clear: both;background:url(menus/submenu.gif) top left repeat-x; display:block; border-bottom:1px #ccc solid; }
.CSSMENU2 .slide ul li span 			{ color:#777; display:block; padding:0 20px 0 20px; text-align:left}
.CSSMENU2 .slide ul li a				{ background:url(menus/submenu.gif) top left repeat-x;height:24px; display:block}
.CSSMENU2 .slide ul a:link, 
.CSSMENU2 .slide ul a:active, 
.CSSMENU2 .slide ul a:visited			{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.CSSMENU2 .slide ul a:hover 			{ background:url(menus/submenu.gif) 0 -25px repeat-x;width:100%;color:#333}
.CSSMENU2 .slide ul a:hover span 		{ background:url(menus/submenu.gif) 0 -25px repeat-x;color:#333}

/*========================================================*/
/*  CSS Menu3 Style                                         */
/*========================================================*/

.Menu3{background:url(menus/menu3.gif) top left repeat-x; margin:0 auto; height:38px; width:99%}


.CSSMENU3 								{ position:relative; height:38px; float:left}
.CSSMENU3 span 							{ padding:0 20px; white-space: nowrap; display:block;}
.CSSMENU3 ul							{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU3 li 							{ list-style: none none outside; float:left;position:relative;}
.CSSMENU3 ul li 						{ background:url(menus/menu3.gif) top left repeat-x; float:left}
.CSSMENU3 ul li a						{ background:url(menus/menu3.gif) top left repeat-x;height:38px; display:block; float:left}
.CSSMENU3 ul .current 					{ background:url(menus/menu3.gif) left -41px no-repeat; margin:0px}
.CSSMENU3 ul .current a					{ background:url(menus/menu3.gif) right -81px no-repeat; color:#fff;}
.CSSMENU3 ul .current span				{ color:#fff}
.CSSMENU3 ul .current .slide span		{ background:transparent;}
.CSSMENU3 ul a:link, 
.CSSMENU3 ul a:active, 
.CSSMENU3 ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:38px;display: block; cursor:pointer; font-weight:bold}
.CSSMENU3 ul a:hover 					{ color: #fff; background:url(menus/menu3.gif) left -122px no-repeat;float:left}
.CSSMENU3 ul a:hover span 				{ background:url(menus/menu3.gif) right -163px no-repeat; float:left}
.CSSMENU3 .downarrow					{ position:absolute; right:9px; top:17px}
.CSSMENU3 .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU3 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.CSSMENU3 .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU3 .slide .Group 				{ background:#fff; border:1px #fdd264 solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU3 .slide ul li 					{ clear: both;background:url(menus/submenu3.gif) top left repeat-x; display:block; border-bottom:1px #fdd264 solid;}
.CSSMENU3 .slide ul li span 			{ color:#fff; display:block; padding:0 20px 0 20px; text-align:left}
.CSSMENU3 .slide ul li a				{ background:url(menus/submenu3.gif) top left repeat-x;height:24px; display:block}
.CSSMENU3 .slide ul a:link, 
.CSSMENU3 .slide ul a:active, 
.CSSMENU3 .slide ul a:visited			{ width:auto;color:#fff; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.CSSMENU3 .slide ul a:hover 			{ background:url(menus/submenu3.gif) 0 -25px repeat-x;width:100%}
.CSSMENU3 .slide ul a:hover span 		{ background:url(menus/submenu3.gif) 0 -25px repeat-x;}
/*========================================================*/
/*  CSS Menu4 Style                                         */
/*========================================================*/
.Menu4{ margin:0 auto; border-bottom:4px #039 solid; width:99%}
.CSSMENU4 								{ position:relative; height:35px; float:left}
.CSSMENU4 span 							{ padding:0 20px; white-space: nowrap; display:block;}
.CSSMENU4 ul							{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU4 li 							{ list-style: none none outside; float:left;position:relative; margin:0 1px}
.CSSMENU4 ul li 						{ background:url(menus/menu4.gif) top left no-repeat; float:left}
.CSSMENU4 ul li a						{ background:url(menus/menu4.gif) right -40px no-repeat;height:35px; display:block; float:left}
.CSSMENU4 ul .current 					{ background:url(menus/menu4.gif) left -80px no-repeat; margin:0px}
.CSSMENU4 ul .current a					{ background:url(menus/menu4.gif) right -120px no-repeat; color:#fff;}
.CSSMENU4 ul .current span				{ color:#fff}
.CSSMENU4 ul .current .slide span		{ background:transparent;}
.CSSMENU4 ul a:link, 
.CSSMENU4 ul a:active, 
.CSSMENU4 ul a:visited					{ width:auto;color:#777; text-decoration:none; line-height:35px;display: block; cursor:pointer; font-weight:bold}
.CSSMENU4 ul a:hover 					{ color: #fff; background:url(menus/menu4.gif) left -160px no-repeat;float:left}
.CSSMENU4 ul a:hover span 				{ background:url(menus/menu4.gif) right -200px no-repeat; float:left}
.CSSMENU4 .downarrow					{ position:absolute; right:9px; top:17px}
.CSSMENU4 .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU4 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.CSSMENU4 .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU4 .slide .Group 				{ background:#fabc4c; border:0px #333 solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU4 .slide ul li 					{ clear: both;background:url(menus/submenu4.gif) top left repeat-x; display:block; border-bottom:1px #039 solid;}
.CSSMENU4 .slide ul li span 			{ color:#fff; display:block; padding:0 20px 0 20px; text-align:left}
.CSSMENU4 .slide ul li a				{ background:url(menus/submenu4.gif) top left repeat-x;height:24px; display:block}
.CSSMENU4 .slide ul a:link, 
.CSSMENU4 .slide ul a:active, 
.CSSMENU4 .slide ul a:visited			{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.CSSMENU4 .slide ul a:hover 			{ background:url(menus/submenu4.gif) 0 -25px repeat-x;width:100%}
.CSSMENU4 .slide ul a:hover span 		{ background:url(menus/submenu4.gif) 0 -25px repeat-x;}


.MainMenu_MenuIcon
{
    display: none;
}
.icon {display: none;}

/* Icons */
.pig, .pig:visited {
	text-decoration:none;
	background-image: url(images/btn_savingscalculator.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 5px 0 0;
	float:left;
	width:55px;height:55px;
}
.pig:hover{
	background-image: url(images/btn_savingscalculator_hover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
}
.pig:active{
	background-image: url(images/btn_savingscalculator_active.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
	}

/* Fancybox Styles */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_right.png) repeat-x;
}

/* Forms */

input.disabled {border:1px solid #F2F2F2;background-color:#F2F2F2}
input.required, textarea.required {border: 1px solid #00A8E6}
input.validation-failed, textarea.validation-failed {border:1px solid #FF3300;color:#FF3300;}
input.validation-passed, textarea.validation-passed {border:1px solid #00CC00;color:#000}

p.errorList, label.errorList, .validation-advice {
  background-color: #f6CBCA;
  background-image: url(/Portals/_default/Skins/TruckersAdvantage/icons/exclamation.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #CF3331;
  border: 1px dotted #f00;
  margin:5px;
  padding:3px 3px 3px 20px;
  text-align:left;
  clear:both;
  display:block;
  width:69%
}

input.errorList, .validation-failed {
border:dotted 1px #f00;
}

form div.errorList {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666;
  border: 1px solid #ff0000;
}

form div.errorList p.errorList {
  background-image: url(../icons/error.png);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
  float:left;
}
.custom-advice {margin:5px 0;padding:5px;background-color:#C8AA00;color:#FFF;font-weight:bold}

fieldset {padding:1em;margin-bottom:0.5em;font-family:Tahoma, Arial, Verdana, sans-serif;font-size: 11px;color: #333333;padding-left: 6px;}
label {font-weight: bold}

.form-row {clear:both;padding: 0.5em;border-bottom:1px dotted #002D40}
.field-label {}
.field-widget {padding-top:5px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}