﻿/* CSS Document */

/* ControlPanel style */
.ControlPanel{background:#fff 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,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#391d0b; font-family:Arial, Verdana, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, xa:link, xa:visited, xa:hover{font-size:12px;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial,Verdana,Helvetica, sans-serif;}
.Head{color:#391d0b;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 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.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 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;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;}
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}
.lm_content_width{padding-top:0px; 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:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:17px;width:auto;}
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0;width:auto}
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0;}
.RightPane{ padding:0; xwidth: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:normal;font-size:90%; color:#351907; text-transform:uppercase;line-height:3em;}
a.links:hover{color:#855a30;text-decoration:none}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#e4cfaf;}
a.user:hover{color:#e4cfaf;text-decoration:underline}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#351907;}
a.footer:hover{color:#351907;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: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{display:none;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: #d59953;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}





/* DEFAULTS
----------------------------------------------------------*/
body
{
    font-size: .80em;
    font-family:Arial,Verdana,Tahoma,Helvetica;
    margin: 0px;
    padding: 0px;
    color: #391d0b;
    background: #EBE5CD url(images/bg2.jpg) top center no-repeat;
}


a:link, a:visited, a:active
{
    color: #c66728;
    text-decoration: underline;
}


a:hover
{
    color: #870000;
}

/* get rid of those system borders being generated for A tags */
a:active
{
    outline: none;
}

:focus
{
    -moz-outline-style: none;
}


p, ul, ol
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

ol
{
    list-style-type: upper-alpha;
}

ul
{
    list-style-type: disc;
}

ul li, ol li
{
    margin-left: 1.5em;
}

a img
{
    border: 0;
    xdisplay:block
}

img.block
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 10px;
    color: #870000;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

h2
{
    padding: 0 0 10px 0;
}

.searchinput h2 
{
color:#999999;
font-size:1.5em;
margin:0;
padding:0
}


h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: auto;
    margin: 0
}

#header
{
    margin: 0px;
    padding: 0px;
    background: url(images/bgbrown.jpg) repeat-x;
    width: auto;
    height: 142px;
    xoverflow: visible;   
}


#headercontent, #menucontent
{
    width: 960px;
    margin: 0 auto;
}
#logo
{
    margin:0;
    padding:0;
    border:0;
    width:437px
}

#login
{
float:right;
margin:15px 0 0 0;
height:41px
}
#menu
{
   height:35px;
   background: url(images/bgnav.jpg) repeat-x; 
}

#main
{
    width: 910px;
    margin: 0 auto;
    padding:25px;
    background-color: #fff;
}

#ContentPane
{
  padding-right:25px
}

.RightPane
{
xwidth: 275px;   
}

.RightPane .searchinput
{
clear:both;
margin-bottom:60px;

}

#footer
{
    background: url(images/footer2.jpg) no-repeat;
    height:123px;
    width: 960px;
    margin: 0 auto;
    text-align:center;
}

#footercontent
{
padding-top:12px;
line-height:1.4em;
}


/*--------- Text style ----------*/
.Normal, .NormalDisabled 
{
font-size:12pt;
font-weight:normal;
}

.RightPane h1
{
font-size:12pt;
font-weight:normal;
line-height:1.1em;
margin: 0; 
margin-top:4px;
  color:#c66728;
  vertical-align:top;
  xwhite-space:nowrap;
  display:inline;
  float:left;
  text-transform:uppercase
}

.otm h1, .otm h2
{
  
}

.RightPane .Normal, .RightPane .NormalDisabled 
{
font-size:9pt;
font-weight:normal;
line-height:1.3em
}

.RightPane h2, .RightPane h2 
{
font-size:10pt;
font-weight:bold;
line-height:1.3em;

}



/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu 
{
	cursor:pointer;
	font-size: 11px; 
	background-color:transparent;
	width:970px;
}

/* Main Menu Normal */
.mainMenu .root
{	
	color: #391d0b;
	font-size: 14px; 
	font-weight:bold; 	
	text-align:center; 
	padding:10px 12px 10px 12px;
	text-transform:uppercase; margin-right:1px;
	white-space:nowrap;
	margin-right:1px;	
	float:left;
}


/* Main menu hover */
.mainMenu .hov{ 
	color:#fff;
	background:url(../images/menu_hover.png) repeat-x top left;
}

/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {
color:#FFF;
	background:url(../images/menu_active.png) repeat-x top left;
}
.mainMenu table{
	border:1px solid #855a30;
	z-index: 5000;
	}

/* SUB Menu Normal */
.mainMenu tr.mi{
	background-color:#f1d9b5;
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#391d0b;
	line-height:2em;
	text-transform:none; 
}
.mainMenu tr.mi td{
padding: 0 2px;
text-transform:none;
}

/* SUB Menu hover & selected */
.mainMenu tr.hov { 
background: #855a30 url(../images/submenu_hover.png) repeat-x top left;
}

.mainMenu tr.hov td{
color:#fff;
}

.mainMenu tr.sel, .mainMenu tr.bc{
background: #855a30 url(../images/submenu_active.png) repeat-x top left;
}

.mainMenu tr.sel td, .mainMenu tr.bc td{
	color:#fff;
}

.main_dnnmenu_break{
	height: 2px;
	background-color: #D5E0FF;
}



/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
}

.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #CE0D0D url(../images/submenu_hover.png) repeat-x top left;
	color: #fff;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}



/* Order Form Table */

.edit-label
{
font-size:10px;
color:#C66728;
font-weight:bold;
line-height:1.1em;
text-transform:uppercase;
float:left;
width:250px;
clear:both;
text-align:left
}

table.OrderForm td p.h4{
font-size:10px;
color:#C66728;
font-weight:bold;
line-height:1.1em;
text-transform:uppercase;
font-style:italic
}

table.OrderForm
{
width:500px
}

table.OrderForm small
{
font-size:10px
}

table.OrderForm td
{
xmargin-right:  15px;
padding-bottom:8px;
margin:0;
xpadding-right:15px;
xpadding-bottom:8px;
padding:8px;
xborder-bottom:#EFE8D1 solid 1px
}

table.OrderForm td input
{
xfloat:left
}

table.OrderForm .SubHead
{
font-size:12pt;
font-weight:bold;
line-height:1.1em;
margin: 0; 
xmargin-top:10px;
xmargin-bottom:5px;
padding-right:10px;
  color:#c66728;
  xvertical-align:top;
  display:inline;
  float:left;
  text-transform:uppercase;
}

table.OrderForm td .Normal
{
font-size:11pt;
text-align:left
}


xtable.FileManager_ToolBar td.small
{
font-size:80%    
}


/* Study Book Table */

table.studybook
{
width:100%
}

table.studybook tr
{

}

table.studybook td .Normal
{
font-size:11pt
}

table.studybook td
{
text-align:center;
padding:15px 10px;
line-height:1.3em;
border-bottom:solid 1px #e8e0bc
}

table.studybook td img
{
  display:block;
  clear:both;
  padding-bottom:10px
}
