@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:11px;color:#333;}
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;}

.Normal p {line-height:1.5em;}

a,a:link,a:visited,a:active{color:#036; text-decoration:none; font-weight:normal;}
a:hover{color:#7FBA00; text-decoration:underline;}
a img {border-style:none;}
.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:1000px; margin:0 auto; }

.top_space{}
.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 33px 0 33px;height:23px;}
.logo_left{padding:0px;}
.logo_right{padding:0px;}
.logo_pad{background:#FFF;margin:0 13px 0 13px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 14px 0 14px;}
.menu_left{padding:0px;margin:0px;}
.menu_right{margin:0px;}

.search_style{float:right;font-size:0.8em;text-align:right;}
.search_bg{padding:0 2px 0 0;}

.bread_bg{}
.bread_left{}
.bread_right{}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px;}
.right_bg{padding:0px; margin:0px;}
.content_pad{margin: 0 13px 0 13px; background:#FFF;}
.content_width{min-height:350px;}

.bot_left{padding:0px; margin:0px;}
.bot_right{padding:0px; margin:0px;padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px;}
.bot_pad{margin:20px 0 0 0;height:90px;background:transparent url(images/biba_lion_logo.png) no-repeat bottom right; }

#terms_style{float:left;}
#copy_style{float:right;}
#regstate_style{text-align:left;padding:0 0 10px 0;}
.regstate{font-size:0.8em;color:#AAA;}
#user_style{float:left;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

.imageRight{float:right;padding-right:10px;}
.imageLeft{float:left;}
a.imageLink{border-style:none;padding:1px;}
a.imageLink:hover{border:solid 1px #7FBA00;padding:0px;}
a.imageLink {display:block;width:160px;}

/* ------- 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:20px 0px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }
.HeaderPane { float: left; margin-left: 10px; margin-top: -30px; width: 500px; }
.HeaderPaneNoGrey { float: left; margin-top: -30px; width: 400px; }
.TopRightPane { float: right; width: 200px; padding-right: 15px;}

/*------------ 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 --------------*/
.footerLogin {margin:0 13px;}
.footer,a.footer:link,a.footer:active,a.footer:visited {color:#555;}
a.footer:hover{color:#333;text-decoration:underline;}

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

/* Header Styles */
.HeaderContainer { padding-top: 35px; padding-left: 13px; padding-right: 13px; }
.HeaderTop { margin-bottom: 5px; }
.HeaderBottom{ background-image: url('/Portals/10/GreyBar.png'); background-repeat: repeat-x; height: 35px; padding-top: 10px; padding-right: 15px; }
.HeaderBottomNoGrey{ height: 35px; padding-top: 10px; padding-right: 15px; }
.TagLineImage {float: left; }
.BuildingImage { float: left; margin-top: -64px; }
.TagLineGreen { float: left; font-size: 2em; color: #96B850; padding-left: 5px; }
.search_style_curved { text-align: right; float: right; font-size: 0.8em; }
.search_style_curved a { background-image: url('/Portals/10/SearchButton.png'); padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 7px; }


/*-------------- JCD Styles --------------*/
#dnn_dnnSEARCH_txtSearch{border: solid 1px #999;}
#fckEditor{background: White;}
.pdfLink{background:#FFF url(images/pdf.gif) no-repeat top left; padding: 0 0 4px 20px; min-height:16px;}

#tagline {padding-bottom:10px;}
#logo{float:left;}

ul li {padding-bottom:8px;}
ol li {padding-bottom:8px;}

a.user{color:#FFF;}
a.user:hover{color:#555;}

.strapLine{color:#369;font-size:1.6em;line-height:1.1;text-align:right;font-style:italic;}
.FormTextBox {border:solid 1px #999;margin-bottom:2px;}
.FormTable tbody tr td div {margin-bottom:6px;}
.FormTable tbody tr td label {font-weight:normal;line-height:2;}
.FormTable tbody tr td a.CommandButton {color:#036; text-decoration:none; font-weight:normal;}
.FormTable tbody tr td a.CommandButton:hover {color:#7FBA00; text-decoration:underline; }

.search_style_curved #dnn_dnnSEARCH_txtSearch{margin-left: 5px; border: none;}
.search_style_curved #dnn_dnnSEARCH_ClassicSearch { background-image: url('/Portals/10/SearchInputBorder.png'); background-repeat: no-repeat; background-position: 0px 3px; padding-top: 10px; padding-bottom: 10px; }

/*-------------- Inventua SideMenu --------------*/
.inventua_sidemenu {width:170px;margin-top:10px;}
.MenuItem hr {display:none;}
/*.MenuHdr, .MenuItem, .MenuItem0, .MenuItem1 { padding-bottom:5px;}*/
/*.MenuItem0 a, .MenuItem1 a {white-space:nowrap;line-height:1.4em;}*/
/*.MenuItem0 a:hover, .MenuItem1 a:hover {white-space:nowrap;line-height:1.4em;}*/
.MenuHdr0, .MenuItem0, .MenuItemMouseOver0, .MenuHdr1, .MenuItem1, .MenuItemMouseOver1  {line-height:1.6em;border-top:solid 1px #eee;border-bottom:solid 1px #eee;white-space:nowrap;}

.MenuHdr0, .MenuItem0, .MenuItemMouseOver0 {border-left:solid 2px #003366;font-weight:bold;}
.MenuHdr1, .MenuItem1, .MenuItemMouseOver1 {border-left:solid 2px #777;}
.MenuHdr0 a, .MenuItem0 a {padding-left:3px;color:#003366;white-space:nowrap;text-decoration:none;font-weight:bold;}
.MenuHdr1 a, .MenuItem1 a {padding-left:8px;color:#777;white-space:nowrap;text-decoration:none;}

.MenuHdrMouseOver0, .MenuItemMouseOver0 {border-left:solid 4px #003366;}
.MenuHdrMouseOver1, .MenuItemMouseOver1 {border-left:solid 4px #777;}
.MenuHdrMouseOver0 a, .MenuItemMouseOver0 a {padding-left:1px;color:#003366;text-decoration:none;font-weight:bold;}
.MenuHdrMouseOver1 a, .MenuItemMouseOver1 a {padding-left:6px;color:#777;text-decoration:none;}

/*-------------- Slider --------------*/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	/*margin: 0 15px 0 30px;*/
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	/*margin: 60px 0 0 -55px;*/
	position: relative;
	width: 100%;
        text-align: center;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 340px; background: #fff; overflow: scroll;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 540px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 340px;
	clear: both;
	background: transparent;	
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 540px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	/*padding: 10px;*/
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	/*margin: auto;*/
	display: none; /* dan */
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */  
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;	
	padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
  display:none;  /* dan */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

/*.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}*/

#cross-links {margin-left:-4px; text-align: center;}
#cross-links a img {border:solid 1px #ccc}
#cross-links a:hover img {border:solid 1px #aaa}