@import url("css/menu.css");

/* CSS Document */

html {
/*background-color: #557798;*/
}

body 
{
    background: #557798 url(images/bkg.jpg) repeat-x;
    height: 100%; 
    margin: auto; 
    padding:0px; 
}

.divbody {
	height: 980px;
	background-color: #557798;
	background-image: url(/portals/_default/skins/cbsuccess/images/bkg.jpg);
	background-position: top center;
	
}

.template_style
{
	width: 978px; 
	margin: auto;
	height: 100%;
	/*background:url(images/bkgEdge.jpg) no-repeat top center;*/
    /*padding-left:34px;*/
}

.content_bg
{
/*	background-color: transparent;*/
	background-image: url(/portals/_default/skins/cbsuccess/images/slice.png);
	background-repeat: repeat-y;
	background-position: top left;
/*	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	clear: both; */
	width: 100%;
}

.bg_hatch
{
	background-image: url(/portals/_default/skins/cbsuccess/images/bottom_bg.png);
	background-position: bottom center;
	background-repeat: no-repeat;
/*	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	clear: both; */
	width: 100%;
/*	height: 600px;*/
	height: 100%;
}

.LeftContent
{
/*	float: left;
	clear: none; */
	height: 100%;
	vertical-align: top;
	width: 220px;
}

.CenterContent
{
/*	clear: none;
	float: left; */
	height: 100%;
	width: 740px;
	vertical-align: top;
}

.CenterContentSR
{
	float: left;
	width: 920px;
	clear: none;
	padding-left:10px;
}

.bot_pad
{
	height:47px;
	background:url(images/bottom.png) no-repeat top left;
	float: left;
	
	top: 0px;
	left: 0px;
	clear: both;
	width: 100%;
}

.LeftPane
{
	padding: 10px 0px 10px 17px;
	width: 200px;
	margin: 0px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
}

.ContentPane
{
	padding: 10px 20px 10px 0px;
	width: 730px;
	float: left;
	/*position: relative;*/
	top: 0px;
	left: 0px;
	clear: both;
	
}

.ContentPaneAgentMain
{
	padding: 0px 20px 0px 0px;
	width: 730px;
	float: left;
	/*position: relative;*/
	z-index:0;
	top: 0px;
	left: 0px;
	clear: both;
}

.ContentPaneSR
{
	padding: 10px 20px 10px 0px;
	width: 910px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
}

.BottomPane
{
	padding: 10px 20px 10px 0px;
    width: 350px;
    float: left;
	clear: none;
	/*position: relative;*/
	top: 0px;
	left: 0px;
}

.PageDivider
{
	height: 32px;
	width: 100%;
}
.logo
{
	vertical-align: top;
	float: left;
	clear: none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 220px;
}

.logo_style
{
	vertical-align: top;
	padding-left: 17px;
	padding-top: 11px;
}

.menu_area
{
	float: left;
	width: 750px;
	vertical-align: top;
}

.menu_style
{
	padding-top: 10px;
	clear: both;
}

.bottom_divider
{
	height: 4px;
	background-color: transparent;
	background-image: url(/portals/_default/skins/cbsuccess/images/bottom_divider.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	clear: none;
	
	top: 0px;
	left: 0px;
	font-size: 0px;
	width: 100%;
}

.pageTitle,h1
{
    font-size: 20px;
	color: #666666;
	font-weight: normal;
	font-family: Verdana, Arial;
	padding: 0px;
	margin: 0px;
/*	width: 730px;*/
	/*float: left;*/
/*	position: relative;
	top: 0px;
	left: 0px; 
	clear: both;*/
}

/* ControlPanel style */
.ControlPanel{border:none;padding-bottom:10px;}
.cpanel_left {padding-left:21px; background:#FFF;}
.cpanel_right {padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:11px;}
h2, h3, h4, h5, h6{color:#375162;}
h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}

a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

.top_space
{
/*	height: 1px;*/
	background: #FFF;
}

.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px;  height:23px;}
.logo_top_right{padding:0px; margin:0px; }
.logo_top_bg{padding:0px; margin:0 39px 0 27px;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) no-repeat top center;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:red; margin:  0 19px 0 7px; padding:0 ;height:100px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 1px; background:#FFF; }
.menu_left{padding:0px; margin:0px 34px 0px 1px; background:#FFF; }
.menu_right{margin:0px; margin-right:1px;  background:#FFF}



.search_style{float:right; height:40px;margin-right:15px;padding-top:10px;}
.search_bg{padding:8px 2px 0 0;  background:#FFF}

.bread_bg{padding:0px; margin: 0 19px 0 1px; background:#FFF; height:34px;}
.bread_left{padding:0px; margin:0px; height:34px;}
.bread_right{padding:0px;  height:34px; margin-right:15px;}

#login_style{ float:right; margin-right:15px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg
{
    padding:0px; 
    margin:0px;
    clear:both; 
    width:966px;
}
.left_bg{padding:0px; margin:0px; background:url(images/bkgEdgeL.jpg) no-repeat; }
.right_bg{padding:0px; margin:0px; background:url(images/bkgEdgeR.jpg) no-repeat;}
.content_pad{padding:1px 1px 0 1px; margin: 0 1px 0 1px; background:#FFF;}
.content_width
{
    padding-top:5px; 
    min-height:350px;
    background:url(images/bkgHatch.jpg) repeat-x bottom left;   
}



/*
.BottomRightPane
{
    width: 50%;
    color: white;
	float: left;
	clear: none;
	position: relative;
}*/


.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}


#terms_style{float:right; margin-right:15px;}
#copy_style
{float:left; 
 color:#000000; 
 padding-top:18px; 
 padding-left:20px;
}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/

/*.BottomLeftPane, .BottomRightPane{ padding-left:2px; margin:0px;vertical-align:top; }*/

.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited {padding-top:18px; color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}





/*-----------------Additional Styles---------------------------------*/


/*Inventua Side Menu */
.MenuHdr { font-size: 10pt; padding-left: 10px; font-weight: bold; padding-bottom: 2px;   padding-top: 2px; cursor: default; } 
.MenuItem, .MenuItemMouseOver, .MenuItem HR
 {   font-size: 8pt; padding-left: 30px; font-weight: normal; padding-bottom: 2px;    padding-top: 2px; } 
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link, .MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver   A:Link, .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link
 {   text-decoration: none; color:#375162; width: 100%; padding-top: 1px;   padding-bottom: 1px; cursor: default; cursor: pointer; } 
.MenuItemMouseOver {   background-color: #cccccc; }




/* Xmod Styles  */

.XmodPager
{
	font-weight: bold;
}

.XmodItem
{

}

.XmodAltItem
{

}

.ArticleTitle
{
	font-weight: bold;
	font-size: 18px;
}

.NewsDate
{
	font-style: italic;
}

.XmodLabel
{
	vertical-align: top;
	text-align: left;
/*	white-space: nowrap;*/
	font-weight: bold;
}

.XmodControl
{
	vertical-align: top;
	text-align: left;
	padding-bottom: 6px;
}

.SectionWrapper
{
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	vertical-align: top;
	padding-bottom: 10px;
}

.ControlHeader
{
	width: 100%;
	float: left;
	font-weight: bold;
	vertical-align: top;
	padding: 0px 0px 5px;
}

.first
{
	width: 130px;
	float: left;
	font-weight: bold;
	position: relative;
	vertical-align: top;
	padding: 0px 0px 5px;
	clear: left;
}

.second
{
	width: 550px;
	float: left;
	position: relative;
	padding: 0px 0px 5px;
	vertical-align: top;
/*	clear: right;*/
}

.row
{
	float: left;
	position: relative;
	width: 100%;
	clear: both;
}
