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

/* -------------------------------------------------- */
/* WebmontonMedia - V5 SkinDev Horizontal               */
/* by Kelly Oltean - http://www.WebmontonMedia.com       */
/* -------------------------------------------------- */


/* html {height:100%;} default if problems with heights in various browsers, try this */

/* CSS Document */
#Body{background:#FFF;height:100%;margin:0;padding:0; } /* is an ID so base BG color/image does not appear in Text editor */

/* ControlPanel style */
.CP_wrapper1{width:970px;margin:auto; text-align:center;}
.CP_wrapper2{background:url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;} /* leave as default */
.CP_wrapper3{background:url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;} /* leave as default */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left;border:none;padding-bottom:10px;} /* leave as default, class is defined at runtime and does not appear in ascx */

.ServerSkinWidget {} /* referenced in dnn widget code .. available, not certian of exact function, assummed structural only */ 

/*-------- Default Style, Make global font face, size, color, etc here */
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{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:#254CA1; font-family:Arial,Tahoma,Verdana;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1 {font-size:16px;} 
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:#0950F3;text-decoration:none;font-weight:normal; }
a:hover{color:#3A76FF;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 --------*/

.body_bk1{height:100%;margin:0;padding:0;background-image:url(images/bodybk_01.png); background-repeat:repeat-x;} /* full height width of body for additional bg graphics */
.body_bk2{height:100%;margin:0;padding:0;background:transparent url(images/bodybk_tint.png) repeat-x;} /* full height width of body for additional bg graphics */

#page_table{display:table;width:970px; margin:0 auto;} /* defines a table for page width, changed as id by widget */
#page_row{display:table-row;} /* note that a row has limited attributes, semi-redundant - apparently can be left out */
.page_cell{display:table-cell;} /* defines single cell */

.help_space{height:34px; margin:15px 5px 0 25px;} /* contains language options and text/width widgets (widget div uses imported css */ 
.lang_style{padding:0 5px 0 0;float:left;} /* position of ML options */

.header1{padding:0;background-color:Transparent;} /* define header fixed px height here, absolute position header elements based on this element */
.header2{padding:0;background-color:Transparent;position:relative;} /* define header fixed px height here, absolute position header elements based on this element */
.header3{padding:0;margin:0;background-color:Transparent;height:100px;}

.header_pane {display:none;padding:0;margin:0;width:400px;height:80px; position:absolute; top:5px; left:20px; border:1px solid blue;} /* position using margins */
.header_pane2 {padding:0;margin:0;width:400px;height:30px; position:absolute; top:5px; right:20px; border:0px solid green;} /* position using margins */
.logo_space{padding:0;margin:0; position:absolute; top:20px; left:20px;} /* position using margins */

.menu1{padding:0;margin:0;} /* defines menu space and bg graphics */
.menu2{padding:0;margin:0;} /* defines menu space and bg graphics */
.menu3{padding:0;margin:0;} /* defines menu space and bg graphics */
.menu4{padding:0;margin:0;} /* defines menu space and bg graphics */
.menu5{padding:0;margin:0;} /* defines menu space and bg graphics */

.menu_style{height:32px;float:right;margin:75px 20px 0 0 ;border:0px solid blue;} /* contains menu immediate, mostly structural (menu css is imported) */
.search_style{padding:43px 0 30px 0; text-align:center;} /* defines search space */

.banner1{padding:0;margin:0;border:0px solid red; width:100%;} 
.banner2{padding:0;margin:0;border:0px solid red; width:100%;}
.banner3{padding:0 0 8px 0;margin:0 0 8px 0; width:100%; border-bottom:1px solid grey;border-right:0px solid red;}

.bread_style{float:left;padding:0;} /* can be absolute positioned eleswhere */
.login_style{float:left;margin:0 0 0 0px;} /* can be absolute positioned eleswhere */

.content1{padding:0;margin:0 0 0 0; background-color:Transparent; background:Transparent url(images/content_left_top.png) no-repeat top left;} /* provides container for panes */
.content2{padding:0;margin:0 0 0 0; background-color:Transparent; background:Transparent url(images/content_right_top.png) no-repeat top right;}
.content3{padding:10px 0 0 0;margin:0 20px 0 20px; background-color:Transparent; background:Transparent url(images/content_top.png) repeat-x top left;}
.content4{padding:10px 0 10px 0; margin:0 0 0 0; background-color:White; border:1px solid #C1C1C1;}

.content_pad{padding:0px 0px 0 20px;min-height:350px; border:0px solid green; background-image:url(images/column_tint01.png); background-repeat:repeat-y; background-position:right top;} /* defines container and padding for content panes immediate */

.column1_wide{margin:10px 0 0 0; max-width:99%; float:left; border:0px solid blue;}

.column1{margin:0px 0 0 0; padding:0 0px 0 0; max-width:70%; float:left; border:0px solid blue;}
.column2{margin:0px 0 0 0; padding:0px 22px 10px 10px; width:220px; float:right; border:0px solid red; background-image:url(images/c2searchsite.png); background-repeat:no-repeat; background-position:right top;}

.ColumnPane1{margin-bottom:10px; border:0px solid gold; width:100%; position:relative;}
.ColumnPane2{border:0px solid white; width:100%; border:0px solid red;}

.bottom1{margin:0;padding:0;}
.bottom2{padding:0;margin:0;}
.bottom3{padding:0;margin:0;}
.bottom4{padding:0;margin:0;}

.helpers {margin:10px 25px 0 25px;}
.terms_style{ float:left;}
.copy_style{ float:right;}

.web_spot{float:left; padding:6px 0 0 0; border:0px solid red; font-size:90%;}

.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 0px; width:28%; margin:0; }
.RightPane{padding:0 0px 0 20px; width:28%; margin:0; }
.FooterPane{padding:0px;margin:0px 20% 10px 20%;}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb{color:#3E81B5;}
a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{font-size:90%;}
a.Breadcrumb:hover{}
.breadcrumb_text{font-size:90%;}

/*-------------- Link Style --------------*/
.links_space{padding:20px 0 10px 0;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3059AD; text-transform:none;font-size:90%;}
a.links:hover{color:#1D3F83;}

/*-------------- User Style --------------*/
.user{}
a.user:link,a.user:active,a.user:visited { color:#BBC9E5;font-size:90%;}
a.user:hover{color:#FFFFFF;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#4A4533;font-size:90%;}
a.footer:hover{color:#3059AD;font-size:90%;}

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

/*-------------- ChildList -------------------*/

.ChildList_Horz a.Normal {border:0px solid blue; padding:0px; text-align:right;}