/* ================================
    CSS STYLES FOR Synergy Web Platform
   ================================
   Created by: Tim Ahlenius
   Created on: 8/8/2007
   Last Modified by: ENTER NAME HERE
   Last Modified on: ENTER DATE HERE
   Description: This is the main CSS file that should be used for all Synergy Web Platform installations.  Please modify the existing classes to fit the design needs for the site. If you need to add your own custom classes, please do so in the Syn.Net Custom Class section listed first below

*/

/* @group Layout */

body{
	/* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
margin: 0;
padding: 0;
line-height: 140%;
font-size:13px;
font: Arial, Helvetica, sans-serif;
background-color: #fff;
}

#wrap{
	min-width: 693px; /* Ensures that design doesn't compress too small */
	max-width: 930px; /* Ensures that design doesn't extend too long */
	padding: 0 5px 0 5px; /* Ensures content is moved in from edge of page on left and right */
}

#header{
background-image:url(images/header_bkgnd.jpg);
background-repeat:repeat-x;
height:70px;
}

#logo{
	float: left;
	width: 65%;
	height: 100%;
	padding-left: 35px;
	background-image:url(images/synnet_logo.jpg);
	background-repeat:no-repeat;
}

#tagline{
	float: right;
	width: 30%;
	height: 100%;
	text-align: right;
	background-image:url(images/header_right_corner.jpg);
	background-repeat:no-repeat;
}

/* Main Layout */

#nav{
	clear: both;
	float: left;
	width: 705px;
	text-align:left;
	padding-top: 0;
	background-image:url(images/nav_bkgnd.gif);
	background-repeat: repeat-x;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:40px;
}

#search{
float: right;
width: 24%;
height:32px;
padding-top:8px;
text-align:right;
/* background-image:url(images/search_bkgnd.gif);
background-repeat:repeat-x;
*/
color: #FFF;
vertical-align:middle;
padding-right: 30px;
font-size: smaller;
white-space:nowrap;
}

/* Main Layout */

#toppane{
	clear: both;
	float:left;
	height: 100%;
	width: 99%;
	text-align: center;
}

.toppane{
	clear: both;
	float:left;
	height: 100%;
	width: 99%;
	text-align: center;
}


#content{
clear:both;
}

/*#leftpane{
	float:left;
	height: 100%;
	width: 15%;
	text-align: left;
	white-space:nowrap;
}
*/
#contentpane{
clear:both;
float:left;
height: 100%;
width: 75%;
text-align:center;
font-size:12px;
line-height:140%;
}

.contentpane{
clear:both;
float:left;
height: 100%;
width: 75%;
text-align:center;
}

#rightpane{
	float:right;
	height: 100%;
	width: 24%;
	text-align: right;
	white-space:nowrap;
}

.rightpane{
	float:right;
	height: 100%;
	width: 24%;
	text-align: right;
	white-space:nowrap;
}


#bottompane{
	clear:both;
	height: 100%;
	width: 99%;
	text-align:center;
}

.bottompane{
	clear:both;
	height: 100%;
	width: 99%;
	text-align:center;
}


#breadcrumbs{
	margin-top: 5px;
	text-align: left;
	color: #868686;
	font-size:small;
	border:thin;
	border-color: #ebebeb;
}

#footer{
	margin-top: 5px;
	height: 45px;
	clear: both;
	text-align:left;
	background-color: #dcdcdc;
	padding-left: 10px;
	vertical-align: middle;
	font-size:11px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif
}

.footerlinks, a.footerlinks:link, a.footerlinks:hover, a.footerlinks:active, a.footerlinks:visited{
color: #a4a4a4;
font-size:11px;
color:#999;
font-family:Arial, Helvetica, sans-serif
}

#footerlogos{
	margin-top: 5px;
	clear: both;
	float: right;
	text-align:right;
	font-size:small;
	margin-right: 40px;
}

/* @end Layout */


/* @group SynNet Custom Classes */
/* Place Custom Classes in this area */
.tagline_white{
color:#FFF;
font: Arial, Helvetica, sans-serif;
font-size:10px;
}

.contact_white, a.contact_white:link, a.contact_white:hover, a.contact_white:active, a.contact_white:visited{
color: #fff;
font: Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
}

/* @end SynNet Custom Classes*/
/* background/border colors for the selected tab */
.TabBg {}
/* @group Content Pane Classes */

/* @end Content Pane Classes*/

/* text style for the selected tab */
.SelectedTab {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

/* hyperlink style for the selected tab */

A.SelectedTab:link, A.SelectedTab:visited, A.SelectedTab:active, A.SelectedTab:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

/* text style for the unselected tabs */
.OtherTabs {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active, A.OtherTabs:hover  {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
/* @group General Styles */

/* style for module titles */
.Head   {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
}

/* style of item titles on edit and admin pages */

.SubHead    {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */

.SubSubHead {}
/* text style used for most text rendered by modules */

.Normal, .NormalBold{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */

.NormalTextBox{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

.NormalRed{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FF0000;
}

.NormalBold{
font-weight:bold;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {}    

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active, A.CommandButton:hover  {}  

/* GENERIC */
H1, H2, H3, H4, H5, DT,  H6, TFOOT, THEAD, TH  {
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

H1 {font-size:18px;}
H2  {font-size: 16px;}
H3  {font-size: 14px;}
H4, H5, DT, H6, TFOOT, THEAD, TH {font-size: 12px;}

A:link, A:visited, A:active, A:hover  {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

A:hover {text-decoration:underline;}

SMALL   {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

BIG {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

BLOCKQUOTE, PRE {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

UL LI, UL LI LI, UL LI LI LI, OL LI, OL OL LI,OL OL OL LI {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

HR {}
/* @end General Styles */

/* @group Module-Specific Styles */

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer {}
.ModuleTitle_MenuBar {}
.ModuleTitle_MenuItem {}
.ModuleTitle_MenuIcon {}
.ModuleTitle_SubMenu {}
.ModuleTitle_MenuBreak {}
.ModuleTitle_MenuItemSel {}
.ModuleTitle_MenuArrow {}
.ModuleTitle_RootMenuArrow {}
/* @end Module-Specific Styles*/
/* @group Main Menu Styles */
.MainMenu_MenuContainer {
border: 0;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 0;
height:40px;
}

.MainMenu_MenuBar {
cursor: pointer;
height:40px;
border: 0;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 0;
}

.MainMenu_RootMenuItem {
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
height: 40px;
border:none;
}

.MainMenu_MenuItem{
height: 25px;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
border:none;
vertical-align:middle;
background-color:#000;
}

.MainMenu_MenuIcon { display:none; border:0;}
.MainMenu_SubMenu {
z-index:1000;
cursor: pointer;
background-color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
vertical-align:middle;
width:160px;
}

.MainMenu_MenuBreak {}

.MainMenu_RootMenuItemSelected {
/* background-image:url(images/search_bkgnd.gif);
background-repeat:repeat-x;
*/
height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
vertical-align:middle;
background-color:#000;
}

.MainMenu_SubMenuItemSelected{
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 25px;
	color: #CCC;
	vertical-align:middle;
}

.MainMenu_RootMenuItemActive, .MainMenu_RootMenuItemBreadcrumb{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
background-color:#000;
height: 40px;
vertical-align:middle;
}

.MainMenu_MenuArrow { display:none;}
.MainMenu_RootMenuArrow {display:none;}
/* @end Main Menu Styles */