@import url("css/menu.css");


/* IE 6.0 PNG FIX */
img { behavior: url(iepngfix.htc) }
/* IE 6.0 PNG FIX */

.curved { -moz-border-radius:10px; -webkit-border-radius:10px; background:#FFF; behavior:url(border-radius.htc);}

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

a:focus { outline:none;}

body {
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	margin:0; overflow-x:hidden; background:url(../images/main_bg.png) repeat-x;
	font-size: 13px;
	color: #070908;
}

a:link, a:visited {
	text-decoration: underline;
	font-weight: normal;
	color:#7798B2;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #999;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 15px; }

img { border: 0 none; }

#mid_box_wrap a { color:#FFF;}

h1.linkone {font-size: 2.2em; line-height: 2.8em; height:36px; font-weight:normal; letter-spacing:-1px; margin-top:0; color:#FFF}
h1.linktwo {font-size: 2.2em; line-height: 2.8em; height:36px; font-weight:normal; letter-spacing:-1px; margin-top:0; color:#FFF}
h1.linkthree {font-size: 2.2em; line-height: 2.8em; height:36px; font-weight:normal; letter-spacing:-1px; margin-top:0; color:#FFF}

#breadcrumb { border-bottom:1px dotted #b4b4b4;
border-top:1px dotted #b4b4b4;
font-size:11px;
height:20px;
color:#858585;
line-height:20px;
margin:0 20px 20px;
padding:0 10px;}



#main_content { width:636px; float:left;}
#right_column { width:320px; float:right;}


/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:17px;width:auto;}
.ContentPane,  .BottomPane{ padding:50px 30px;  margin:0;}
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0;}
.RightPane{  margin:0;  background:#eaf2f5; margin:50px 30px 30px 30px; padding:20px;}

.TopPane { padding:24px 16px 12px 15px; margin:0;}
#second_banner{ background:url(images/second_banner_bg.png) top center no-repeat; width:960px; height:230px; overflow:hidden; margin:25px auto;}

#second_banner_img_support { width:705px; height:230px; background:url(images/second_banner_help.jpg) top left no-repeat;}
#second_banner_img_about { width:705px; height:230px; background:url(images/second_banner_about.jpg) top left no-repeat;}
#second_banner_img_prof { width:705px; height:230px; background:url(images/second_banner_prof.jpg) top left no-repeat;}
#second_banner_img_managed { width:705px; height:230px; background:url(images/second_banner_managed.jpg) top left no-repeat;}
#second_banner_img_engagement { width:705px; height:230px; background:url(images/second_banner_engagement.jpg) top left no-repeat;}



#second_banner_txt { float:right; width:250px; height:220px; overflow: hidden; color:#FFF; }

#footer { text-align:left;}
#second_banner_txt a, #second_banner_txt h1, #second_banner_txt h2, #second_banner_txt h3, #second_banner_txt h4, #second_banner_txt h5, #second_banner_txt h6{ color:#FFF; text-decoration:none;}

.clear { clear:both;}

.toplogo { width:182px; float:left}

h2 { font-size:2em; color: #666;}
h2.c_title { font-size:2em; color:#7691a6; text-transform:uppercase; }
h4 {font-size:1.5em; color:#959595;}

ul.footermenu { margin:0; padding:0;}
ul.footermenu li { list-style-type:none;}

.readmore { font-size:10px; color:#acdaff;}

#main_wrap { width:100%;  background:#e9ebec url(images/bg_top.png) repeat-x; border-bottom:1px solid #d7d9da; position: relative; z-index:0; text-align:center;}

#content_wrap { width:959px; margin:0 auto; text-align:left; }

#header { width:960px; height:125px; padding: 4px 0px 0px 0px;}

#header_widget { float:right; width:300px; height:20px; font-size:10px; color:#999; text-align:right;}

#search_wrap{ width:700px; height:26px; float:right; background: transparent url(images/search_bg.png) top right no-repeat;}

#menu_wrap { width:730px; height:49px; background:url(images/menu_bg2.png) no-repeat; float:right; margin-top:47px;}

#menu {height:49px; line-height:25px; width:700px; float:left; padding-left:15px;}

#menu ul { margin:0; padding:0; list-style: none;}
#menu ul li { list-style-type:none; float:left; margin-left:25px; height:49px; line-height:49px; }
#menu ul li a { color:#FFF; display:block; height:49px;}
#menu ul li a:hover { color:#ccc;}

#search {
	background:transparent none repeat scroll 0 0;
border:medium none;
color:#999999;
float:right;
font-size:12px;
height:25px;
margin:0 18px;
padding-top:2px;
width:172px;}

#banner { width:961px; height:297px; margin:20px auto; overflow:hidden;}

#banner img{  width:961px; height:297px; margin:0;}

#mid_box_wrap { width:959px; height:269px; background:url(images/mid_box_bg.png) no-repeat; margin:20px 0; color:#FFF}
#mid_box_wrap p {color:#FFF; line-height:1.7em;}

	.box_one { width:259px; float:left; padding:30px;}
	.box_two { width:259px; float:left; padding:30px;}
	.box_three { width:259px; float:left; padding:30px;}
	
#mid_content { width:959px; float:left; margin:0 0 20px; background:#FFF; color:#484848; border:1px solid #d7d9da; z-index:100}	
#mid_content p {color:#070908; line-height:1.7em;}

#footer_wrap { width:100%; float:left; background:#edeff0; padding-bottom:40px; color:#959595}



/* CSS Document */
#Body {margin:0; padding:0; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/


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 --------*/
#s_wrap_main{display:table;width:970px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}
.lm_content_width{padding-top:0px; min-height:350px;}

.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.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:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}




/*------------ 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: #CCC;}
a.user:hover{color:#CCC;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#CCC;}
a.footer:hover{color:#CCC;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: 0; float:left; background-color: transparent; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: none; 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: 0; padding-top:2px; width:130px; background:transparent; 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: 0;}
#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;}