﻿body {
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height:150%;
	margin-right: 0px;
	margin-left: 0px;
}

div.mainBody
{
    width:970px;
    margin-left:auto;
    margin-bottom:15px;
    margin-right:auto;
}
div.menu
{
    float:left;
    width:600px;
}
div.logo
{
    float:left;
    height:39px;
    width:188px;
    text-align:left;
}

div.search
{
    float:right;
    margin-top:10px;
    vertical-align:bottom;
    white-space:nowrap;
    z-index:-1;
    
}
div.mainContentPad
{
    padding-left:35px;
}
div.mainContent
{
  text-align:left;
}

div.menuMain
{
     margin-top:10px;
     height:39px;
     vertical-align:middle;
}
div.header
{
    vertical-align:middle;
    height:39px;
    padding-top:15px;
    margin-bottom:6px;
    width:970px;  
}

/* these classes are used by the homepage skin */

.homeRightPane
{
    width: 283px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color:#EEEEEE;   
}
.homeLeftPane
{
    width:326px;
    border-right:1px solid #ccc;
    margin:0px;
    padding:0px;
    height:auto;
}
.homeContentPane
{
    width:327px;
    margin:0px;
    padding:0px;
}
.homeTopPane
{
    width:653px ;
    height:238px;
    max-height:238px;
    margin:0px;
    padding:0px;
    border-left: 1px solid #ccc;
    border-top:1px solid #ccc;
}
.homeBottomPane
{
    text-align:center;
    padding-top:25px;
    border-top:1px solid #ccc;
}
.homeBottomTitles
{
    height:24px;
    background-position: 25px 12px;
    background-repeat:no-repeat;
}

div.HomepageLowerText
{
   margin-left:25px;
   margin-right:25px;
   margin-top:20px; 
}

table#mainTable
{
    width:935px;
    table-layout:fixed;
}

/* these classes are used for the Timecruiser_sub skin */
.subLeftPane
{
    border-right:1px #ccc solid;
    font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	width:174px;
 	max-width:174px;
    padding-bottom:1px;
    background-image:url("/images/short_line.gif");
    background-position:bottom;
    background-repeat:repeat-x;
}
.subRightPane
{
    border-left:1px #ccc solid;
    border-right:1px #ccc solid;
    border-top:1px #ccc solid;
    background: #eee;
}
.subContentPane
{
    min-width:470px;
     font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	height:auto;
    
}
.subBottomPane
{
    text-align:center;
    padding-top:25px;
    border-top:1px solid #ccc;
}
.subBCPane
{
    Background-color:#6666CC;
    color:White;
    font-size:14px;
    height:auto;
    height:25px;
    max-height:25px;
    font-weight:bold;
    text-transform:uppercase;
    padding: 0px 0px 1px 20px;
    vertical-align:bottom;
    
    margin:0px;
    
}

a.subBCText
{
    color:White;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
#bcPaneTd
{
    border-top:1px #ccc solid;
}
#leftContentTd
{
    border-left:1px #ccc solid;
}

/* these classes are used for the div-based skin */  
div#leftContent
{
    float:left;
    border:1px solid #ccc;
    margin:0;
    
}  
div#leftSplitContent
{
  float:left;
  margin:0px;
}

.subDivLeftPane
{
    font-size: 11px;
	text-decoration: none;
	border-right:1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	width:174px;
 	max-width:174px;
	padding: 0px;
	margin:0px;
	float:left;
}
.subDivRightPane
{

    border-right:1px #ccc solid;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    background: #eee;
    width:284px;
    float:right;
    margin:0px;
}
.subDivContentPane
{
    min-width:470px;
    overflow:hidden;
    font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.subDivBottomPane
{
    text-align:center;
    padding-top:25px;
    clear:both;
}


/* Menu classes */


.main_dnnmenu_bar 
{
	cursor:pointer;
	font-size: 12px; 
	background-color:White;
	}
.main_dnnmenu_container
{
    height:39px;
    vertical-align:baseline;
}
/*  Main Menu Normal  */
.main_dnnmenu_rootitem  
{	
	
	font-size: 12px; 
	/*padding:12px 12px 12px 12px;*/
	margin-right:15px;
	background-color:White;
}

/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{  
	color:#0066FF;
	font-size: 12px; 
    /*padding:12px 12px 12px 12px;*/
	margin-right:1px;
	background-color:White;
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected 
{
	color:#0066FF;
	font-size: 12px;
	/*padding:12px 12px 12px 12px;*/
	margin-right:1px;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu 
{
	/*border:1px solid #C0D6E5;*/
	z-index:10000 !important ;  
	cursor:pointer;

}

.main_dnnmenu_submenu td
{
	/*background-color:#E1E8ED;*/
	background-color:White;
	z-index: 1000;
	font-size: 12px; 
	border-bottom: 1px solid #ccc;
	color:Black;
	line-height:2em;
	padding: 0px 5px;
	margin:0px;
		text-align:left;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td   
{  
	font-size: 12px;
	background: White;
	color:#0066FF;
	line-height:2em;
	z-index: 1000; 
	padding: 0px 5px;
	margin:0px;
	cursor:pointer;
}

.main_dnnmenu_break
{
	padding-left:20px;
	text-align:right;
	
}

.main_dnnmenu_separator
{
	/*width:20px;*/
	text-align:right;
}


.TcSubhead
{
    font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

.SearchTextBox
{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	height:18px;
	width:60px;
}
.searchButton
{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align:bottom;
	height:24px;
}




table#subTable
{
    width:935px;
 /*   border:1px #ccc solid;*/
}

div#subTableDiv
{
    width:935px;
 /*   border:1px #ccc solid;*/
}

.clearDiv
{
    clear:both;
    height:1px;
}

/*
      old layout in timecruiser homepage
<table id="mainTable" cellspacing="0" cellpadding="0" border="0">
                                    <tr>
                                        <td valign="top" id="TopPane" class="homeTopPane" runat="server" colspan="2" visible="false">
                                        </td>
                                        <td valign="top" id="RightPane" class="homeRightPane" runat="server" rowspan="2" >
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top" id="LeftPane" class="homeLeftPane" runat="server" visible="false"></td>
                                        <td valign="top" id="ContentPane" class="homeContentPane" runat="server" visible="false"></td>
                                    </tr>
                                    <tr>
                                        <td valign="top" id="BottomPane" class="homeBottomPane" runat="server" colspan="3" visible="false">
                                        </td>
                                    </tr>
                                </table>
*/
