@import url("css/menu.css");

/* CSS Document */
body {background:#FFF height:100%; margin:0px; padding:0px; }

/* 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:#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:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, 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:#ff6600; 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 --------*/
.template_style{width:965px; margin:0 auto;}

.top_space{height:24px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top{padding:0px; margin:0px; background:url(images/header.jpg) no-repeat top left; height:105px;}

/*.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}*/
.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; }
.menu_left{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y  top left;}
.menu_right{margin:0px; background:url(images/right_bg.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.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:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad { padding:0px 0px 0 0px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left; }
.content_width { overflow:auto; padding-top: 0px; min-height:350px; }


.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;}

.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:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:10px 20px 0px 5px; width:20%; margin:0px; }
.RightPane{ padding:10px 5px 0px 20px; width:200px; margin:0px; }

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#ff6600;}

/*-------------- 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:#ff6600;}

/*-------------- 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 { color:#3E81B5;}
a.footer:hover{color:#ff6600;}

/*-------------- 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;}

/* general rule for image links */
a img { border: none; }

/* an empty pane? On IE this takes physical vertical space so remove it */
#dnn_TopPane { height: 0; }

/* Content Styles */
.ContentPane h1 .Head {
	font-size:20px; 
	font-family: Arial, Helvetica, Sans-Serif; 
	color: #f26822; /*color:#00457c;*/
}
.ContentPane h1 { margin: 0; }
.ContentPane { padding-top: 10px; margin-top:0;}
.ContentPane h2 { font-weight: bold; }
.DNN_HTMLContent { margin-top: 0; }

/* Content body justification for 3 column template */
.three_col .ContentPane .Normal { text-align:justify; }

/* margins for 2 column content */
.two_col .ContentPane .Normal {margin-right: 45px;}

/* css3 rounded corners */
.rounded {
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    
    background-color:#336699;
    color: white;
}
/* side block content and headers */
.sideblock { margin: 0px 0px 25px 0px; }
.sideblockcontent {
    background: white;
    border: 1px solid #d4dbe3;
    border-top: 0px;
    padding: 5px 5px 5px 5px;
}
.sideblock .Normal p, .sideblock .Normal a {
	margin:0px;
	font-size:11px; 
}
.rounded h3  {
	margin:0; 
	margin-left: 8px;
	padding-top:3px; padding-bottom:3px;
}
.rounded .Head {
	color:#ffffff;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:14px; 
	font-weight:normal; 
}
/* sidebar news links */
.news ul {
	margin:0;padding:0; 
	margin-left: 15px;
	list-style: none outside url('images/bullet.gif');
} 
.news li { margin: 5px 0 5px 0; padding:0; }
.news a  {
	font-size: 11px; text-decoration:underline;
	vertical-align: top;
}

/* sidebar notices */
.notice .sideblockcontent .Normal,
.notice .sideblockcontent .Normal a:link,
.notice .sideblockcontent .Normal a:visited,
.notice .sideblockcontent .Normal p {
	font-size:11px; 
	color:white; 
	font-family: Arial, Helvetica, Sans-Serif;
}
/* style links in notices independently - underlined and due to orange background reset hover colour */
.notice .sideblockcontent .Normal a:link,
.notice .sideblockcontent .Normal a:visited { text-decoration:underline;}
.notice .sideblockcontent .Normal a:hover { color:#2E3D47;}

.notice .sideblockcontent 
{
	 background-color: #f26822;
	 padding: 12px 5px 12px 5px;
}

/* contact us */
.contactus .sideblockcontent { padding: 2px 20px 0px 20px;}
.contactus .sideblockcontent, .contactus .sideblockcontent p 
{
	font-size:12px;
	color:#00457c; 
}

/* Home Page */
.home .ContentPane .Normal p { width:450px; margin-left:auto; margin-right:auto; }
.home h1 { text-align:center }
.home td.LeftPane {width: 200px; }
.home td.RightPane {width: 200px;}
.home td.ContentPane {width: 539px; padding-top:0;}

/* centre table of links on home page - should be able to use percentages to centre
   but IE does not support this with the current markup */
table.homelinks {width:450px; margin-left:60px; text-align:left;}

