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

/* CSS Document */
body {height:100%; margin:0px; padding-top:10px; background-color:#5C5C5C }

/* 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 --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:140%}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
.outerdiv h1, .outerdiv h2, .outerdiv h3,.outerdiv h5{ font-family:Verdana, Arial, Helvetica, sans-serif; line-height:120%; margin:0; font-weight:normal;}
.outerdiv h1 {font-size:22px; color: #3C3C3C; padding-bottom: 12px; border-bottom: #666666 1px dotted;}
h1 a:link, h1 a:visited, h1 a:active{color: #3C3C3C; padding-bottom: 12px; font-size:22px; font-weight:normal}
h1 a:hover{color: #AE0F2E; padding-bottom: 12px; font-size:22px; font-weight:normal}	
h2 {font-size:20px; font-weight:normal; margin: 0; color: #555555; }
h2 a:link, h2 a:visited, h2 a:active{font-size:20px;font-weight:normal;margin: 0;color: #555555; }
h2 a:hover{font-size:20px; font-weight:normal;margin: 0;color: #AE0F2E; }
h3{color:#585858;font-size:12px; margin:0; font-weight:bold}
h4{ color:#FFFFFF; margin:0}
h5 { font-weight:bold; font-size:12px; color:#555555;text-decoration:none; padding-bottom: 5px; padding-top: 10px; border-bottom: #555555 1px dotted; margin:0 15px 0 17px;}
h5 a:link, h5 a:visited, h5 a:active{color:#555555; text-decoration:none; padding-bottom: 5px; padding-top: 10px;
}
h5 a:hover{color:#AE0F2E; text-decoration:none; padding-bottom: 5px; padding-top: 10px;}
strong{color: #555555;}
img { border:0;}
ul li { list-style-type:square; }
ul { margin:10px 0 10px 25px; list-style-position: outside; font-size: 12px;}
											
a,a:link,a:visited,a:active{color:#B91A1E; text-decoration:underline; font-weight:bold; }
a:hover{color:#FB3338; text-decoration:underline;font-weight:bold; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#666;}
.SubSubHead{color:#666}
.NormalRed {color:#F00;}
.NormalTextBox { color:#666666}

.bluetext{ color:#4DA6E8}
.greentext{ color:#40A034}
.redtext{color:#F2462E}
.quotebox{ background-color:#1D1F29; padding:15px 25px; font-size:20px; font-weight:bold; color:#8D92A0; clear:both}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.outerdiv{ width:90%; z-index:-10; padding:10px 10px 0 10px; text-align:center; background:#FFFFFF url(/Portals/12/Skins/SPWD_NEW/images/top_bg.jpg) top left repeat-x; margin:0 4% ; border:1px solid #515151; overflow: auto;}
.topbar{width:100%; margin:0; }
.bottombar{width:100%; text-align:cnter;}

/*.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:100px;}*/
.logo_bg{ }
.logo_top_bg{padding:0px;}
.logo_top_image{ z-index:0; margin:0 auto; height:85px; background: url(/Portals/12/Skins/SPWD_NEW/images/spwd_logo.png) 10px 15px  no-repeat}

.menu_bg{padding:0; margin:0; background: url(/Portals/12/Skins/SPWD_NEW/images/menu_bg_normal.jpg) top left repeat; z-index:100; width:100%}
.menu_div{}
.menu_style{ float:left; vertical-align:middle; width:100%}

.search_style{float:right; padding:0 0 5px 15px; z-index:50; clear:both; }
.search_bg { background: url(/Portals/12/Skins/SPWD_NEW/Images/Img_Search.gif) top right no-repeat; vertical-align: top; width:400px; color: #555555; padding:0 5px 5px 0; height:20px; vertical-align:middle; font-size:11px; }
.SearchButton { background: transparent; padding: 0 0 0 2px; cursor: hand; font-size:10px; margin: 0;}
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 166px; color: #555555; padding: 3px 0 0 15px; border: 0; cursor:text;}
/*
.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right; height:34px;}  */

#login_style{ float:right; padding:5px 15px 5px 15px; z-index:50;margin-top:23px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}
#terms_style{float:left; margin:0; padding:0}
#copy_style{float:left; margin:0; padding-left:5px}
#design_style{float:right; margin:0; padding-right:5px}

.head_flash{ width:100%; text-align:right; height:147px}
.content_style{margin:0}
.content_top{ }
.content_bottom{ background: #fff url(/Portals/12/Skins/SPWD_NEW/images/bkgd_logo.jpg) bottom right repeat-x;}
/* .center_bg{padding:0 15px; clear:both; overflow: visible;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}*/
.content_width{margin:0; width:100%; text-align:left;}

/*.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_pad{margin-bottom:20px;padding:0 30px 0 20px;} */
.bot_bg{padding-top:5px; margin-top:0 auto ; height:25px;}

.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:#A3171A; font-weight:bold; font-size:12px; text-decoration:none;}
a.CommandButton:hover{color:#C20101; text-decoration:underline; font-size:12px; }

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#666;}
.ControlPanel a.CommandButton:hover{color:#999; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.TopPane{padding: 15px 15px 0 15px;}
.LeftPane {padding: 10px 20px 0 20px; background: url(/Portals/12/Skins/SPWD_NEW/images/bkgd_leftpane.jpg) top left repeat-x; width:75%}
.ContentPane{ padding:5px 0px 10px 20px; margin:0;  }
.RightPane{ padding: 0; margin:0; width:289px } 
.BottomPane{padding: 0px 10px 0px 10px; }
.LeftPane2 {padding: 0 20px 0 20px;}
.RightPane2 {padding: 0;}

/*------------ Breadcrumb Style --------------
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}*/

/*-------------- Link Style --------------*/
.linkscontainer{text-align:center; margin:0; padding:0 0 5px 0;}
.links,a.links:link,a.links:active,a.links:visited{font-size:10px; font-weight:normal; color:#999; text-transform:uppercase;}
a.links:hover{color:#ccc;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { font-size:11px; color:#666; text-decoration:none; font-weight:normal}
a.user:hover{color:#999; text-decoration:none; font-weight:normal}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { font-size:10px; color:#999; text-decoration: none}
a.footer:hover{color:#ccc;}
.footer a:link,.footer a:visited,.footer a:active{font-size:10px; color:#999;}
.footer a: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: 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;}*/

.FeatureProjects_TD { border:solid 1px #cccccc; padding:8px; color: #808080; line-height: 1.2em; background-repeat: no-repeat; background-color: #ffffff;}
.FeatureProjects_Title_TD{ background: url(/Portals/12/Images/project_title.jpg) bottom left no-repeat}
.FeatureProjects_Container_TD{background: url(/Portals/12/Images/project_bg.jpg) top left repeat-x; padding: 15px 0 15px 15px}
.FeatureProjects_More_TD{background: url(/Portals/12/Images/project_bg.jpg) top left repeat-x;}

.introdiv{ position:absolute;width:200px;left:-250px;  }
.topintro{ margin:0; padding:0; clear:both}

.quote {}
.quote_TD{font:bold 16px Verdana, Arial, Helvetica, sans-serif;color:#575757;line-height:170%; padding:20px ; background:#ACACAC url(/Portals/12/Images/quote_bg.jpg) top left repeat-x;text-transform: capitalize; border:1px solid #A7A7A7}
.quote_red{color:#B81B1F}

.steps_bg { width:289px; height:335px; background:url(/Portals/12/Images/3steps_bg.png) top left no-repeat}
.steps_top { height:74px;}
.steps_1 a { display:block; height:88px; text-decoration:none}
.steps_1 a:hover { background:url(/Portals/12/Images/3steps_hover.png) 0 -74px  no-repeat}
.steps_2 a { display:block; height:88px; text-decoration:none}
.steps_2 a:hover { background:url(/Portals/12/Images/3steps_hover.png) 0 -162px  no-repeat}
.steps_3 a { display:block; height:85px; text-decoration:none}
.steps_3 a:hover { background:url(/Portals/12/Images/3steps_hover.png) 0 -250px  no-repeat}

.list_header { width: 260px; padding:15px; background: #D7D7D7 url(/Portals/12/Images/list_bg.jpg) top left repeat-x;}
.list_body {width:260px; background-color:#D7D7D7; margin:0}
.list_body ul{ margin:0; list-style:none; padding:0}
.list_body li{ border: 1px dotted #666; list-style:none; border-width: 0 0 1px 0; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.list_body li a:link, .list_body li a:visited, .list_body li a:active{color: #515151; display: block; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding:10px 15px 10px 25px; background-image: url(/Portals/12/Images/list_arrow.png); background-position:0 8px; background-repeat:no-repeat;  font-weight:normal }
.list_body li a:hover{ background-image: url(/Portals/12/Images/list_arrow_hover.png); background-color:#f2f2f2; background-position:0 8px; background-repeat:no-repeat; font-weight:normal; }
.list_body li a img{ border:none}
* html .list_body li a {  /* make hover effect work in IE */}