/* CSS Document */

/********************************************************************
* Page Defaults
*********************************************************************/

body {
	background: #244a6f url(../images/top_bg.png) repeat-x top center;
/*	color: #315981;*/
	color: #cddcf1;
/*	font-family: Baskerville, Century, "Times New Roman", Times, Helvetica, Serif;*/
	font-family: 'Trebuchet MS', trebuchet, tahoma, sans-serif;
	letter-spacing: 0.09em;
	font-size: 12px;
	margin: 0;

	padding: 0;
	}
	
a:link, a:hover, a:visited
{
	color: #cddcf1;
}
	
h1, h2, h3, h4 {
	margin: 3px 0 15px 0;
	color: #8ac1fa;		
}

h1
{
	font-size: 24px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 16px;
}

h4, h5
{
	font-size: 14px;
	margin: 2px 0 6px 0;
	font-weight: bold;
	padding: 0;
}
img, img a
{
	border: none;
}

blockquote {
  font-size: 13px;
  width: 75%;
  background: url(../images/closequote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}
blockquote:first-letter {
  background: url(../images/openquote.gif) no-repeat 3px -1px;
  padding-left: 30px;
  font: italic 2em Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}

hr
{
	color: #cddcf1;
	height: 1px;
}

.resultMsg
{
	font-size: 12px;
	color: Orange;
	font-weight: bold;
}

.sPanelTb
{
	width:500px;
	overflow:hidden;
	background-color:#0c2c4b;
	font-family: 'Trebuchet MS', trebuchet, tahoma, sans-serif;
	letter-spacing: 0.09em;
	font-size: 12px;
	color: Orange;
	font-weight: bold;
}

.subtitle
{
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
}

.clear
{
	clear: both;
}

.right
{
	float: right;	
}

.hidden
{
	display: none;
}

.blue
{
	color: #618bbe;
}

.popup
{
	padding-right: 18px;
	background: transparent url(../images/popup.gif) no-repeat center right;	
}	

.pdf
{
	padding-right: 18px;
	background: url(http://upload.wikimedia.org/wikipedia/en/thumb/7/79/Adobepdfreader7_icon.png/15px-Adobepdfreader7_icon.png) center right no-repeat;
}

.photoRight
{
	float: right; margin: 15px 0 15px 15px; padding: 5px; background-color: White; border: 1px solid gray
}

.photoLeft
{
	float: left; margin: 15px 15px 15px 0; padding: 5px; background-color: White; border: 1px solid gray
}

.photoProfile
{
	margin: 0; padding: 5px; background-color: White; border: 1px solid gray
}

.photoProfileContainer
{
	float: left; margin: 5px 10px 5px 0; width: 135px; text-align: right; line-height: normal; font-size: 11px; letter-spacing: normal;	
}

.profileContainer
{
	border-top: 1px solid #cddcf1; padding-top: 10px
}

/********************************************************************
* Layout
*********************************************************************/

#topSection
{
	display: block;
	width: 100%;
	height: 154px;
	margin: 0; padding: 0;
	background: transparent url(../images/center_glow.png) no-repeat top center;
}

ul#topLinks
{
	height: 139px;
	position: absolute;
	top: 52px;
	right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
}

ul#topLinks li
{
	list-style: none;
	float: left;
	display: inline-block;
}

 ul#topLinks li a
{
	color: #315981;
	list-style: none;
	float: left;
	display: inline-block;
	width:  139px;
	height: 59px;
	text-align: center;
	background: transparent url(../images/btntop_default.png) no-repeat top center;
	text-decoration: none;
	margin: 0 3px 0 0;
	padding-top: 12px;
}

ul#topLinks li a:hover
{
	background: transparent url(../images/btntop_over.png) no-repeat top center;
}

#mainSection
{
	width: 962px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/column_bg.gif) repeat-y;
}

#footer
{
	width: 962px;
	margin: 0 auto;
	font-size: 10px;
}

#menuContainer
{
	border-top: 6px solid #315981;
	/*background: transparent url(../images/pattern_bg.png) repeat;*/
	width: 200px;
	float: left;
	margin: 0 0 0 6px; padding: 87px 0 0 0;
	height: 100%;
}

#mainContainer
{
	float: right;
	border-top: 6px solid #315981;	
	/*background: transparent url(../images/pattern_bg.png) repeat;*/
	margin: 0 6px 0 0; padding: 0;
	width: 729px;
	background-color: #0c2c4b;
	height: 100%;
}

#bottomBorder
{
	display: block;
	width: 962px; height: 6px;
	margin: 0 auto; padding: 0;
	background: transparent url(../images/column_bottom.gif) no-repeat;

}

ul#menu
{
	width: 200px;
	border-top: 1px solid white;
	margin: 0;
	margin-top: 87px;
	padding: 0;
}

ul#menu li, .menuToggle
{
	width: 175px;
	height: 37px;
	list-style: none;
	border-bottom: 1px solid white;
	background: transparent url(../images/menu_bg.png) no-repeat top center;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 25px 0 0;
	text-align: right;
	color: white;
	font-size: 12px;
	line-height: 37px;
	font-weight: normal;
}

.menuToggleActive
{
	background: transparent url(../images/menu_over_bg.png) no-repeat top center;
}

.submenu
{
	background-color: #cddcf1;
	color: #0c2c4b;
	display: none;
	margin: 0;
	padding: 0 0 0 25px;
	overflow: hidden;
}

.submenu li
{
	line-height: 25px;
}

.submenu li a
{
	color: #315981;
}

#adminPage, #mainPage
{
	display: block;
	width: 705px;
	margin: 5px auto;
	padding: 8px;
	text-align: left;
/*	background-color: #b9cee2;
	border: 1px solid white;*/
	text-align: justify;
}

.clouds
{
	position: relative;
	top: 50px;
}

.clear
{
	clear: both;
}


/********************************************************************
* Tooltips CSS
*********************************************************************/

.tooltip{
	width: 200px;
	color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:left;
	}

.tooltip span.top
{
	padding: 30px 8px 0;
    background: url(../images/ttbg.gif) no-repeat top;
}

.tooltip b.bottom
{
	padding:3px 8px 15px;
	color: #548912;
    background: url(../images/ttbg.gif) no-repeat bottom;
}

/********************************************************************
* Admin Control Panel
*********************************************************************/	

.adminTabHeader
{
	font-size: 12px;
	font-weight: bold;
	background-color: #244a6f;
	padding: 4px 4px 4px 4px;
	border: 2px solid #618bbe;
	overflow: visible;
	margin: 0 auto;
	width: 96%;
}
.adminTabBody
{
	width: 96%;
	margin: 0 auto;
	padding: 4px 4px 4px 4px;
	border: 2px solid #618bbe;
	border-top: none;
}
.adminPanelItem
{
	display: block;
	width: 90px;
	height: 105px;
	margin: 10px 15px;
	padding: 0;
	float: left;
	text-align: center;
	font-size: 11px;
	letter-spacing: normal;
	line-height: normal;	
}
.adminPanelImage
{
	border: none;
	margin: 4px 0;
}


/********************************************************************
* Default Admin Page Layout
*********************************************************************/
#adminPage a
{
	text-decoration: none;
}

#adminQuickLinks
{
	display: block;
	width: 762px;
	height: 75px;
	margin: 0 auto 10px auto;
	padding: 7px;
	border: 1px dotted gray;
	background-color: white;
}


/********************************************************************
* Admin Edit Table
*********************************************************************/

.adminEditTable
{
	width: 100%;
	border: none;
}
.adminEditTableHeaderCol
{
	width: 25%;
	font-size: 12px;
	vertical-align: top;
	border: none;
	text-align: left;
}
.adminEditTableMainCol
{
	width: 75%;
	border: none;
	text-align: left;
}

/********************************************************************
* Admin Overview Table
*********************************************************************/

input, select, textarea
{
	background-color: #244a6f;
	border: 1px dotted gray;
	color: #cddcf1;
}

.adminOverviewTable
{
	width: 100%;
	border: none;
	letter-spacing: normal;
	line-height: normal;

}

.adminOverviewTable a
{
	color: #244a6f;
}
.adminOverviewTableHeaderRow
{
	color: #cddcf1;
	border: none;
	border-top: 2px solid #244a6f;
	border-bottom: 2px solid #244a6f;
	text-align: left;
	background-color: #244a6f;
	padding: 0 3px;
	margin: 0;
	line-height: 14px;
	height: 18px;
	font-size: 11px;
}

.adminOverviewTableHeaderRow a
{
	color: #cddcf1;
}
.adminOverviewTableRow1
{
	background-color: #c9e4ff;
	border: none;
	vertical-align: middle;
	text-align: left;
	color: #244a6f;	
}
.adminOverviewTableRow2
{
	background-color: #94caff;
	border: none;
	vertical-align: middle;
	text-align: left;
	color: #244a6f;	
}
.adminOverviewTableMainCol
{
	width: 80%;
	border: none;
	padding: 0 3px;
	margin: 0;
	line-height: 14px;
	height: 22px;
}
.adminOverviewTableCommandCol
{
	width: 20%;
	border: none;
	text-align: right;
	padding: 3px 3px 0 3px;
	margin: 0;
	line-height: 14px;
	height: 22px;
}

/********************************************************************
* Admin Text Boxes
*********************************************************************/

.adminTextBoxLarge
{
	width: 93%;
}
.adminTextBoxSmall
{
	width: 25px;
}
.adminTextBoxSmallMed
{
	width: 60px;
}
.adminTextBoxMedium
{
	width: 75px;
}
.adminTextBoxMedLarge
{
	width: 150px;
}
.adminNoUnderline
{
	border: none;
}
.adminButton
{
	border: none;
	margin: 0;
}
.adminAddNewContainer
{
	width: 100%;
	height: 18px;
	margin: 4px 0;
	padding: 0;
	text-align: right;
}

#yui-editor-panel
{
	color: #000000;	
}

#yui-editor-panel a
{
	color: #000000;		
}


/********************************************************************
* Admin Scheduled Session Table
*********************************************************************/

.adminSchSessionCol1
{
	width: 23%;
	vertical-align: top;
	text-align: left;
}
.adminSchSessionCol2
{
	width: 31%;
	vertical-align: top;
	text-align: left;
}
.adminSchSessionCol3
{
	width: 16%;
	vertical-align: top;
	text-align: left;
}
.adminSchSessionCol4
{
	width: 30%;
	vertical-align: top;
	text-align: left;
}

/********************************************************************
* Schedule Browser
*********************************************************************/

.scheduleContainer
{
	width: 98%; padding: 4px; margin: 20px auto; text-align: left; border: 1px dashed gray
}

.schSessionContainer
{
	width: 96%; margin: 10px auto; border: 1px solid #eeeeee; border-bottom: none
}

.schSessionContainerHeaderRow
{
	text-align: center; color: #244a6f; font-weight: bold; border-bottom: 1px solid #eeeeee; background-color: #94caff
}

.schSessionContainerRow
{
	text-align: center; border-bottom: 1px solid #eeeeee
}

.schSessionDetail
{
	width: 350px; margin: 0 auto; padding: 5px; text-align: left; border: 1px solid gray; display: none
}

/********************************************************************
* Welcome Package Editor
*********************************************************************/
#tableExistingAttachments td.adminOverviewTableRow1 a.wpa-download, #tableExistingAttachments td.adminOverviewTableRow2 a.wpa-download
{
	text-decoration: underline;
}