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

/* CSS Document */
#Body {background:#FFF;  height:100%; margin:0 0 1px; padding:0;text-align:centre;height:100%; }
html,body {background:#FFF; width:100%;  height:100%; margin:0 0 1px; padding:0;text-align:centre;  }

/* 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,ul,li,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,ul,ol,li,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:98%;}
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:110%;margin:10px 0;}
h3, h4{font-size:105%;margin:8px 0;}
h5, h6{font-size:100%;margin:6px 0;}


a,a:link,a:visited,a:active{color:#000000; text-decoration:underline; font-weight:normal;font-size:98%; }

a:hover{color:black; text-decoration:underline;font-size:98%;  }


a.SavePage:link, a.SavePage:visited{color:000000; font-weight:normal; text-decoration:none;font-size:95%; }
a.SavePage:hover{color:#000000; text-decoration:underline;font-size:95%; }

a.FooterLink:link, a.FooterLink:visited{color:000000; font-weight:normal; text-decoration:none;font-size:95%; }
a.FooterLink:hover{color:#000000; text-decoration:underline;font-size:95%; }


.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 20px 15px; padding:0 0 10px 10px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 12px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_bg.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 0px 0 0px; height:15px;}
.bread_left{padding:0; margin:0; height:24px;}
.bread_right{padding:0; height:15px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:15px; padding-left:0px;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;}
.content_width{padding-top:15px; 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:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }


/*------------ 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:visited,a.user:active{color:#000000; text-decoration:none; font-weight:normal; }
a.user:hover{color:black; text-decoration:underline; }





/*-------------- Footer Style --------------*/

.footer,a.footer:link,a.footer:visited,a.user:active{color:#000000; text-decoration:none; font-weight:normal; }
a.footer:hover{color:black; text-decoration:underline; }


.footer
{
padding-top:40px;
color:black;
clear: both;
width: 948px;
margin-bottom: 20px;
}

/*-------------- 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: 0; 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: 0; 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: 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;}



/*JAG Specific -----*/

.MediumGreenButton{font-size:12px; font-family:Arial,sans-serif; font-weight: bold; color: White;background-color:#6db6b6;background-image:url(/images/MediumGreenButton.gif); border-style: none; vertical-align: middle; text-align:center;width: 100px; line-height: 25px; height: 25px; text-align: left; padding-left: 10px; background-repeat: no-repeat;}
.GreenButtonSmall{font-size:12px; font-family:Arial,sans-serif; font-weight: bold; color: White;background-color:#6db6b6;background-image:url(/images/SmallGreenButton.gif); border-style: none; vertical-align: middle; text-align:center;width: 64px; line-height: 29px; height: 29px; text-align: left; padding-left: 10px; background-repeat: no-repeat;}
.SearchButton{font-size:0px; font-family:Arial,sans-serif; color: White;background-color:#6db6b6;background-image:url(/images/SearchGo.gif); border-style: none; vertical-align: middle; text-align:center;width: 24px; line-height: 23px; height: 23px; text-align: left; padding-left: 10px; background-repeat: no-repeat;}
#pageWrapper{background-color: #fff;margin: 0 auto;text-align:center;}
#wrapper{width: 948px;padding: 20px;margin: 0 auto;text-align:left;}
#logo{float: left;padding-left:20px;padding-bottom:15px;}
#search{float: right;}
#topbar{width: 948px;}
#menu{clear: both;width: 948px;height: 40px;}
#footer{clear: both;width: 948px;margin-bottom: 20px;}
#Search_wrapper{width: 231px;height:82px;background-image: url(\images\Search.jpg);}
#Search_top{width: 220px;height: 12px;margin: 0px;padding: 0px;}
#Search_bottom{width: 196px;_width: 220px;height: 50px;_margin-top: -2px;padding: 12px;padding-top: 0px;}
a.GreenLink:link {color:#056e75; text-decoration:underline;}
a.GreenLink:visited {color:#056e75; text-decoration:underline;}
a.GreenLink:hover {color:#056e75;font-weight:bold; text-decoration:underline;}
.altRow{Background-color:#c7c2a5;clear:both;padding: 10px;font-family:Arial;font-size:10pt;border-left:solid 1px black;border-right: solid 1px black;border-bottom:solid 1px black;}
.normalRow{	Background-color:#ffffff;clear:both;padding: 10px;font-family:Arial;font-size:10pt;	border-left:solid 1px black;border-right: solid 1px black;border-bottom:solid 1px black;}
.tableHeader{background-color:#3da1a6;color:white;font-family:arial;font-size:10pt;	height:20px;padding:10px 0 10px 0;text-Align:center;border-left:solid 1px black;border-top:solid 1px black;}
.Special_Purpose{background-color:#3da1a6;color:white;font-family:arial;font-size:10pt;	height:20px;padding:10px 0 10px 0;text-Align:center;border-left:solid 1px black;border-top:solid 1px black;float:right;border-right:solid 1px black; width: 123px;_width:128px;}
.TextBox{padding:4px;margin-bottom:10px;width:280px;height:30px;}
#sc1_wrapper{width: 220px;}	
#sc1_top{background-image: url(/Portals/_default/Containers/JAG/images/SideBox1Top.jpg);width: 220px;height: 12px;margin: 0px;padding: 0px;}
#sc1_greytop{background-image: url(/Portals/_default/Containers/JAG/images/SideBox1TopGrey.jpg);width: 220px;height: 12px;margin: 0px;padding: 0px;}
#sc1_bottom{background-image: url(/Portals/_default/Containers/JAG/images/SideBox1Bottom.jpg);background-position: bottom left;width: 196px;_width: 220px;min-height: 180px;_margin-top: -4px;padding: 12px;padding-top: 0px;}
.SubjectMatter{border-right: 1px solid black; padding: 7px 0pt 0pt 7px; float: left; width: 200px;_width:210px; height: 201px;}
.Knowledge{border-right: 1px solid black; padding: 7px 7px 0pt 7px; float: left; width: 127px;_width:150px; height: 201px;}
.Skills{ border-right: 1px solid black; padding: 7px 1pt 0pt 7px; float: left; width:168px;_width:180px; height: 160px;_height:150px}
.Attitudes{padding: 7px 7px 0pt; float: left; width: 140px; height: 160px;_height:150px}
#columnsWrapper{clear: both;width: 948px;border:solid 0px red;}
#rightColumn, .rightPane{float: right;width: 220px;padding: 0px;}
#leftColumn{float:left;width: 175px;padding-right:15px;}
.leftPane{float:left;width: 175px;}
#CentreColumn,.ContentPane{float:left;width: 510px;padding-right:20px;_padding-right:10px}
#contentMiddleWrapper{width: 505px;_padding-top:10px;}
#contentMiddleLeft, .contentMiddleLeftPane{float: left;width: 245px;padding-left:0px;text-align:left;}
#contentMiddleRight, .contentMiddleRightPane{float: right;width: 250px;text-align:right;margin-left:0px;}
#contentBottom, .contentBottomPane{width: 512px;}
ol li ul li{list-style-type:square;} 
.sg_table{width: 324px;_width: 302px;margin-bottom: 30px;}
.sg_header_row{width: 100%;background-color: #3da1a6;border-left:solid 1px black;border-top:solid 1px black;}
.sg_row{clear: both;width: 100%;border-bottom: 1px solid black;border-left: 1px solid black;}
.sg_right_col{float: right;width: 150px;padding: 5px;border-right: 1px solid black;text-align:center;}
.sg_left_col{float: left;width: 150px;padding: 5px;border-right: 1px solid black;text-align:center;}
.sg_clear{clear: both;}
#searchBack{background-image: url(/images/SearchBox.jpg);background-position: top ;	width: 222px;_width: 222px;	height: 66px;padding-top: 0px;}
.LeftCell{float:left;width:400px;padding: 2px 2px 2px 2px;}
.RightCell{float:left;width:100px;padding: 2px 2px 2px 2px;}
.Row{clear:both;width:510px;padding: 2px 2px 2px 2px; border: solid 1px black;height:50px;}
.LeftTD{width:50%;border:1px black solid;border-bottom:none;}
.RightTD{width:50%;border:1px black solid;border-left:none;border-bottom:none;}