/* ETALUS CSS - STAINLESS - v3.072.001.647 */

input[type="text"],input[type="password"],textarea, select {
	border: 2px solid #93A2BF ;
	background-color: #FDFDFD ;
	-moz-border-radius: 6px;
	padding: 2px;
}

input.checkbox, input.radio { border:none; }

body {
    font: 10px Arial,Verdana,Helvetica; 
    margin: 0px;
    padding: 15px;
}    

/*
a:link  { color: #172D37 }
a:visited { color: #232B3A }
a:active { color: #232B3A }
*/
.blanklistoption {color: #008000; font-weight: bold }

.formbutton {color: #ffffff; background-color:#495A7C; font: 12px arial; font-weight: bold; cursor: pointer; }
.formbutton:hover
{
    COLOR: #053A7C;
    background: #c5c5c9 ;
}

.datalabel         { font-family: arial,verdana,helvetica; font-size: 9pt; }
.datalabelbold     { font-family: arial,verdana,helvetica; font-size: 9pt; font-weight: bold }
.datalabelcritical { font-family: arial,verdana,helvetica; font-size: 9pt; font-weight: bold; color: #FF0000}
.helptext          { font-family: arial,verdana,helvetica; font-size: 9pt; color: #366D6D }
.helptextwarn      { font-family: arial,verdana,helvetica; font-size: 9pt; color: #500000;  font-weight:  normal }
.helptexttopic     { font-family: arial,verdana,helvetica; font-size: 10pt; color: #000000 }
.linkbuttonwrap    { font-family: arial,verdana,helvetica; font-size: 13pt; color: #909090 }
.linkbuttonwrapsmall  { font-family: arial,verdana,helvetica; font-size: 9pt; color: #9C9C9C; font-weight: bold}

.listviewlink      { color:#232B3A; font-family: Arial,Verdana,Helvetica; font-size: 9pt; font-weight:bold; text-decoration:none}
.listviewlink:hover
{
    COLOR: #232B3A;
    FONT-FAMILY: Arial,Verdana,Helvetica ;
    font-weight: bold ;
    TEXT-DECORATION: underline overline ;
    background: #FFFFFF ;
}

.listviewlinkwhite      { color:#FFFFFF; font-family: Arial,Verdana,Helvetica; font-size: 9pt; font-weight:bold; text-decoration:none}
.listviewlinkwhite:hover
{
    COLOR: #202020;
    FONT-FAMILY: Arial,Verdana,Helvetica ;
    font-weight: bold ;
    TEXT-DECORATION: underline overline ;
    background: #FFFFFF ;
}

.listlinkhover { 
	color: #000050;
	font-family: Arial,Verdana,Helvetica ;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none
}
	
.listlinkhover:hover  {
	color: #0000C0;
	font-family: Arial,Verdana,Helvetica ;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline 
}

.listlinkhovernc  {
	color: #003030;
	font-family: Verdana,Arial,Helvetica;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none
}

.listlinkhovernc:hover  {
	color: #005050;
	text-decoration: underline
}

.listlinkhoversmall {
	color: #303030;
	font-family: Arial,Helvetica;
	font-size: 8pt;
	font-weight: bold ;
	text-decoration: none
}

.listlinkhoversmall:hover  {
	font-family: Arial,Helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline; 
}


.listviewlinkhelp      { 
	color: #232B3A; 
	font-family:Arial,Verdana,Helvetica ; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none ;
    cursor: help ;	
	}

.listviewlinkhelp:hover

{
    COLOR: #232B3A;
    FONT-FAMILY: Arial,Verdana,Helvetica ;
    font-weight: bold ;
    TEXT-DECORATION: underline overline ;
    background: #FFFFFF ;
    cursor: help ;
}

.listviewlink2      { color:#004040;font-family:Arial,Verdana,Helvetica; font-size: 8pt; font-weight:normal; text-decoration:none}
.listviewlink2:hover
{
    COLOR: #000040;
    font-weight: normal ;
    TEXT-DECORATION: underline ;
    background: #FFFFFF ;
}

.listheadlink      { color:#232B3A; font-family:Arial;font-size: 9pt; font-weight:bold }
.listheadlinksmall { color:#232B3A; font-family:Arial;font-size: 8pt; font-weight:bold }
.listheadfull      { color:#232B3A; font-family:Arial;font-size: 9pt; font-weight:bold }
.listheadplain     { color:#232B3A; font-family:Arial; font-weight:bold }
.listlinktodetail  { color:#232B3A; font-family:Arial,Verdana,Helvetica; font-size: 10pt }
.helplink          { color:#232B3A; font-family:Arial,Verdana,Helvetica; font-size: 10pt; font-weight:bold }
.listviewtext      { font-family:arial,verdana,helvetica; font-size: 9pt }
.defaultfont       { font-family:arial,verdana,helvetica; font-size: 9pt }
.defaulttext       { font-family:arial,verdana,helvetica; font-size: 9pt }
.defaultbold       { font-family:arial,verdana,helvetica; font-size: 9pt; font-weight:bold  }
.defaultcolor      { font-family:arial,verdana,helvetica; font-size: 9pt; color: #232B3A }
.defaultcolorbold  { font-family:arial,verdana,helvetica; font-size: 9pt; color: #232B3A; font-weight:bold }
.defaultsmall          { font-family:arial,verdana,helvetica; font-size: 8.5pt }
.defaultsmallbold      { font-family:arial,verdana,helvetica; font-size: 8.5pt; font-weight:bold  }
.defaultsmallcolor     { font-family:arial,verdana,helvetica; font-size: 8.5pt; color: #232B3A  }
.defaultsmallcolorbold { font-family:arial,verdana,helvetica; font-size: 8.5pt; color: #232B3A; font-weight:bold }
.verysmall             { font-family:Arial,Verdana,Helvetica;font-size: 7.5pt; color: #000000; }
.verysmallbold         { font-family:Arial,Verdana,Helvetica;font-size: 7.5pt; color: #000000;  font-weight:bold }

.listsmall             { font-family:Arial,Verdana,Helvetica; font-size: 8pt; color: #000000; }
.listsmallbold         { font-family:Arial,Verdana,Helvetica; font-size: 8pt; color: #000000;  font-weight:bold }

.titlefont         { font-family: Arial,Verdana,Helvetica; font-size: 10pt; color: #202020; font-weight:bold }

.menutopictext      { color: #011834; font-family:Arial,Helvetica; font-size: 10pt; font-weight:bold; text-decoration:none }
.menutopictext:hover  { color: #013A39; font-size: 10pt; font-family:Arial,Helvetica; font-weight:bold; text-decoration: underline }
.menuitemtext   { color: #001111; font-family:Arial,Helvetica; font-size: 10pt; font-weight:bold; text-decoration:none }
.menuitemtext:hover { color: #022D60; font-size: 10pt; font-weight:bold ;font-family:Arial,Helvetica; text-decoration: underline }
.menusectioncurrent   { color: #232B3A;font-family:Arial,Helvetica; font-size: 10pt; font-weight:bold; text-decoration:none }
.menusectioncurrent:hover   { color: #232B3A;font-family:Arial,Helvetica; font-size: 10pt; font-weight:bold; text-decoration: underline }
.menusectionnotcurrent   { color: red;font-family:Arial,Helvetica; font-size: 10pt; font-weight:bold; text-decoration:none }
.menusectionnotcurrent:hover   { color: red;font-family:Arial,Helvetica; font-size: 10pt; font-weight:bold; text-decoration: underline }
.menutm            { font-family:Verdana,Helvetica,Arial;font-size: 8pt }
.menuprogramname   { font-family:Arial;font-size: 9pt; font-weight:bold }
.menumainmenutext  { color: #00003C; font-family:Arial; font-size: 9pt }
.rolotext       { color:#000000; font-family:Verdana,Helvetica,Arial; font-size: 10pt }
.rolohot        { font-family:Verdana,Helvetica,Arial; font-size: 10pt; color: #232B3A; font-weight:bold}
.rololink       { color:#000000; font-family:Verdana,Helvetica,Arial; font-size: 10pt }
.rologray       { font-family:Verdana,Helvetica,Arial;font-size: 10pt; color: #c0c0c0} 
.roloselected   { font-family:Verdana,Helvetica,Arial;font-size: 20pt; color: #232B3A; font-weight:bold }

.headericon     {color: #93A2BF; font-family:Verdana,Helvetica,Arial; font-size: 14pt; font-weight:bold }

.menubackcolor   { background-color: #55648C  }
.menucontenttd   { 
                  background-image: url(eti/mnutrans.gif); 
                  background-repeat: repeat-x ; 
                  background-position: bottom ; 
                  }

.tlistheadborder  { background-color: #93A2BF; font-family:arial,verdana,helvetica; font-size: 9pt; border: 1px solid #93A2BF ; -moz-border-radius: 6px; }
.tlistborder  { background-color: #FFF; font-family:arial,verdana,helvetica; font-size: 9pt; border: 1px solid #93A2BF ; -moz-border-radius: 6px; }
.tlist        { background-color: #93A2BF; }

.tlistcell       { background-color: #FFFFFF }
.tlistcelldark   { background-color: #F0F0F0 }

.tlistcellhot       { background-color: #FcFcFc; cursor: pointer;  }
.tlistcellhotred    { background-color: #FDD6D5; cursor: pointer;  }
.tlistcellhotgreen  { background-color: #D1E0D1; cursor: pointer;  }
.tlistcellhotyellow { background-color: #FFFFC1; cursor: pointer; }
.tlistcellhotblue   { background-color: #C7C8FC; cursor: pointer;  }

.tlistcellselected { background-color: #F9F4C1; cursor: pointer; }

.tlistcelldarkhot   { background-color: #F0F0F0; cursor: pointer; }
.tlistcellhighlight { background-color: #F4EE9D; cursor: pointer;  }

.tlistheadcell   { background-color: #DFE3E9; text-align: center ; background-image: url(eti/tlistheadcell.gif); background-repeat: repeat-x; background-position: bottom; }
.tlistfootcell   { background-color: #DFE3E9; background-image: url(eti/tlistheadcell.gif); background-repeat: repeat-x; background-position: bottom; }
.tlistsummary    { background-color: #FFFFFF; }
.tdata           { background-color: #93A2BF; }
.tdata td        { background-color: #FEFEFD; font-family:arial,verdana,helvetica; font-size: 9pt }
.tdata2          { background-color: #FFFFFF;  }
.tdata2 td       { background-color: #DFE3E9; }
.tdata3          { background-color: #FFFFFF  }
.tdatainner      {padding: 6px; background-color: #FFF; border: 1px solid #93A2BF ;  }
.tdataborder     { background-color: #93A2BF;  margin: 2px; border: 1px solid #93A2BF ; -moz-border-radius: 6px; }

.tdatacell       { background-color: #F5F5F5 }
.tdatalabelcell  { background-color: #F5F5F5 }
.tdatahead       { background-color: #DFE3E9; background-image: url(eti/tlistheadcell.gif); background-repeat: repeat-x; background-position: bottom;  }
.thelpcell       { background-color: #FFFFFF }
.menutableborder { background-color: #BABABA }
.menutable       { background-color: #FcFcFc }
.menutitlecell   { background-color: #E4E4E4 }
.tabledivider    { color: #BABABA }

.barmenulink       { font-weight: bold; font-family: Verdana; font-size: 10pt;  color: #FFFFFF; text-decoration: none }
.barmenulink:hover { color: #FFFF00; font-size: 10pt; font-weight: bold ; font-family: Verdana; text-decoration: underline }

.tablabel        { color: #0000F0; font-weight: bold; font-family: Verdana,Helvetica,Arial; font-size: 9pt; text-decoration:none }
.tablabel:hover  { color: #0000F0; font-weight: bold; font-family: Verdana,Helvetica,Arial; font-size: 9pt; text-decoration:underline }
.tablabelhot     { color: #0000C0; font-weight: bold; font-family: Verdana,Helvetica,Arial; font-size: 9pt; text-decoration:none }

.tfilterborder  { background-color: #FFF; font-family:arial,verdana,helvetica; font-size: 9pt; border-color: #999; border-width: 1px  ; -moz-border-radius: 6px; border-style: solid; }
.tfiltercell    { background-color: #FFF }

.statusdivwrap  {
								border: 1px solid #93A2BF;
								background-color: #F8FAFA; 
								-moz-border-radius-topleft:     6px; 
								-moz-border-radius-topright:    6px;
								-moz-border-radius-bottomleft:  6px; 
								-moz-border-radius-bottomright: 6px;
								vertical-align:middle ;
								margin-bottom: 4px; 
								margin-left:   1px;
								margin-right:  1px;
								margin-top:    0px; 
								border-color: #999; 
								border-width: 1px 1px 1px 1px  ;  
								padding: 5px; 
															
								}

.statusdivwrapcomplete  {
								border: 1px solid #93A2BF;
								background-color: #D9ECDC; 
								-moz-border-radius-topleft:     6px; 
								-moz-border-radius-topright:    6px;
								-moz-border-radius-bottomleft:  6px; 
								-moz-border-radius-bottomright: 6px;
								vertical-align:middle ;
								margin-bottom: 4px; 
								margin-left:   1px;
								margin-right:  1px;
								margin-top:    0px; 
								border-color: #999; 
								border-width: 1px 1px 1px 1px  ;  
								padding: 0px; 
															
								}

.statusdivwrapneedsreview  {
								border: 1px solid #93A2BF;
								background-color: #FFE8E8; 
								-moz-border-radius-topleft:     6px; 
								-moz-border-radius-topright:    6px;
								-moz-border-radius-bottomleft:  6px; 
								-moz-border-radius-bottomright: 6px;
								vertical-align:middle ;
								margin-bottom: 4px; 
								margin-left:   1px;
								margin-right:  1px;
								margin-top:    0px; 
								border-color: #999; 
								border-width: 1px 1px 1px 1px  ;  
								padding: 0px; 
															
								}

.statusdivwrapna  {
								border: 1px solid #93A2BF;
								background-color: #E9D6E8; 
								-moz-border-radius-topleft:     6px; 
								-moz-border-radius-topright:    6px;
								-moz-border-radius-bottomleft:  6px; 
								-moz-border-radius-bottomright: 6px;
								vertical-align:middle ;
								margin-bottom: 4px; 
								margin-left:   1px;
								margin-right:  1px;
								margin-top:    0px; 
								border-color: #999; 
								border-width: 1px 1px 1px 1px  ;  
								padding: 0px; 
															
								}								

.pagebreak       { page-break-after: always }

.hmenuwrapcell   { background-color: #FFFFFF}
.hmenuwrapborder { background: url("eti/ceback.gif")}

.tmanseclevelrednormal   { background-color: #ffBBBB  }
.tmanseclevelredhot  { background-color: #ff5050  }
.tmanseclevelyellownormal { background-color: #FFFFBB  }
.tmanseclevelyellowhot  { background-color: #FFFF50  }
.tmanseclevelgreenhot  { background-color: #50FF50  }
.tmanseclevelgreennormal { background-color: #C6FFc6  }

.menunavlinks { font: 12px arial;
    color: #FFF380;
    font-weight: bold;
    text-decoration: none;
    }

.ddmx {
    font: 12px tahoma;
}

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    font: 12px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
 }
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 12px tahoma;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #DDE3eB;
   display: block;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #ffffff;
 }

.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #303030;
    position: absolute;
    background: #DDE3EB ;
    visibility: hidden;
    z-index: -1 ;
}

/*
---------------------------------------
USING RELATIVE FONT SIZES
---------------------------------------
*/

/*

---------------------------------------
GENERAL POSITIONING STUFF
---------------------------------------

body {
	background:#99ABB5;
	margin: 0px;
	padding: 0px;
	font-family: Lucida Grande, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#424242;
	}
#content a {
	color:#333;
	text-decoration:underline;
}
#content a:hover {
	background-color: #909090;
}
*/


/*
---------------------------------------
THE HEADER
---------------------------------------
*/
#header{
	background:url(eti/back_top.jpg) repeat-x;
	height:1px;
}
#header #logo {
	margin-left:2em;
	float: left;
}
#header #globe {
	margin-right:0.5em;
	background: url(eti/globe.jpg) no-repeat;
	height:100px;
	width: 273px;
	float: right;
}

/*
---------------------------------------
THE CONTENT AREA
---------------------------------------
*/
#content {
	margin: 10px 160px 10px 130px;
	background: #f5f5f5;
	border: 1px solid #7F888D;
	z-index:1;
}
#content h1 {
	color: #303030;
	text-align: center;
	font:40px Georgia, Times New Roman, serif;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content h2 {
	color: #505050;
	font-size: 22px;
	border-bottom: 1px solid #99ABB5;
	font-weight: normal;
	margin: 10px 15px;
    margin-top:15px;
    padding-bottom:1px;
	text-transform: capitalize;
}

#content h3 {
	color: #586872;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 15px;
	text-transform: capitalize;
}
#content h5 {
	color: #6F8490;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	width:60%;
	margin: 0px auto;
	margin-top:25px;
	margin-bottom:0px;
	}
#content p{
	margin: 10px 20px;
}
#breadcrumb {
	color:#777;
	margin:5px 20px 0px;
	font-size:11px;
	border-left:50px solid #C2C9D1;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding:2px;
	padding-left:5px;
}
#breadcrumb a{
	color:#777;
}
#breadcrumb a:hover, h4 a:hover{
	color:#555;
	background: transparent;

}

/*
---------------------------------------
THE LISTINGS PAGES
---------------------------------------
*/
h4 {
	margin:0px 20px;
	padding:1px 0px;
	text-align: center;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	color:#777;
	font-weight: normal;
	font-size: 11px;
}
h4 a {
	color:#985556;
	text-decoration: none;
	margin:0px 2px;
	font-weight: bold;
}
.thelistings {
	width:70%;
	margin: 10px auto;
	border: 1px solid #bbb;
}
.thelistings span, .thelistings span.two{
	background-color: #eee;
	padding:2px 5px 2px 20px;
	margin:0px;
	display: block;
	color:#888;
}
.thelistings span.two {
	background-color: #fff;
	margin:0px;
	}

.thelistings a {
	color:#985556;
	display: block;
	margin-left:-20px;
	padding-left:20px;
}
.thelistings a:hover {
	background: url(eti/bullet.gif) no-repeat 0% 50%;
	margin:0px;
	color:#983233;
	margin-left:-15px;
	padding-left:15px;
}
.thelistings span.two a:hover{
	background:#fff url(eti/bullet.gif) no-repeat 0% 50%;
}

/*
---------------------------------------
THE SIDEBAR
---------------------------------------
*/
#sideleft {
	position: absolute;
	width: 130px;
	top: 80px;
	left: 10px;
}

#sideright {
	position: absolute;
	width: 160px;
	top: 80px;
	right: 10px;
}

.sidepiece {
	background:#93A2BF url(eti/corner2.gif) no-repeat right bottom;
	padding: 1px;
	margin-bottom:10px;
	color: #121212;
	font-size: 12px;
}

#sideright .sidepiece {
	background:#93A2BF url(eti/corner_right2.gif) no-repeat left bottom;
	height: 170px;
	overflow:auto;
}

.sidepiece h3 {
	text-align: center;
	background:url(eti/back_navheader.gif) repeat-x;
	font:22px arial, verdana, helvetica;
	font-weight: 100;
	line-height: 40px;
	color:#000;
	margin:0px;
	padding:0px;
	height:39px;
}
.sidepiece p {
	margin:5px 12px 10px;
}
.sidepiece ul {
	margin:0px 0px 10px 20px;
padding:0px;
list-style-type:square;
}
.sidepiece input {
	background: #DEDEE4;
	border:1px solid #99ABB5;
	margin-bottom:5px;
}
.sidepiece .button {
	background: #BAC3D6;
	border:1px solid #CAB6BB;
	color:#eee;
}
.sidepiece .center {
    text-align: center;
}
.sidepiece a {
	color:#222;
}
.sidepiece a:hover {
	color:#CCC;
}

/*
---------------------------------------
THE NAVIGATION BAR
---------------------------------------
*/

#navigate {
	padding:0px;
	margin: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
	list-style: none;
	z-index:5;
	background:transparent;
width:149px;
}
#navigate li {
	list-style: none;
	text-align: right;
	padding:0px;
	margin: 0px;
	margin-bottom: 1px;
	position: relative;
	background: transparent;
} 

/* quick menu items */
#navigate li a{
	font:10px Lucida Grande,  Arial, Verdana, sans-serif;
	color:#202200;
	background: #BAC3D6;
	display: block;
	padding:3px 10px 3px 2px;
	text-decoration: none;
	font-weight: lighter;
}
#navigate li a:hover {
	color: #EEE;
}
/* SUB NAVIGATION BAR*/
#navigate li ul {
	position: absolute;
	right: 140px;
	top: 5px;
	display: none;
	background: #93A2BF;
	border: 1px solid #303030;
	padding: 0px;
	margin: 0px;
	width: 100px;
	}
#navigate li ul li {
	background: #DEDEE4;
	margin: 0px;
}

#navigate li:hover ul, #navigate li.over ul {
	display: block;
	z-index:10;
	width:100px;
	padding: 0px;
	margin: 0px;
	background: #93A2BF;
}
#navigate li ul li a{
	font:11px Lucida Grande,  Arial, Verdana, sans-serif;
	color:#983233;
	background: #DEDEE4;
	display: block;
	width: 100px;
	padding:1px 20px 1px 2px;
	margin: 0px;
	text-decoration: none;
	font-weight: lighter;
	border-bottom: 1px solid #eee;
}
#navigate li ul li a:hover {
	background:#DEDEE4 url(eti/bullet.gif) no-repeat 95% 50%;
	color:#333;
}

/*
---------------------------------------
THE FOOTER
---------------------------------------
*/
#footer {
	background:#FFFFFF;
	color:#777;
	border:1px solid #FFFFFF;
	margin: 5px 170px 10px 140px;
}
#footer p {
	margin:0px;
	padding:5px;
	text-align: center;
	font-size: 11px;
}
#footer a {
	color:#555;
}
#footer a:hover {
	color:#333;
}

/*
---------------------------------------
---------------------------------------
*/
div.blog {
	margin:0px 0px 20px 0px;
	}

div.blog_timestamp {
	color: #333;
	text-align: left;
	background-color: transparent;
	margin:0px 15px 10px 15px;
	border-bottom:1px dotted #999;
	}

div.blog_search {
	text-align: center;
	}

div.center {
	text-align: center;
	margin:5px 15px;
	}

#content h2.blog_date {
	border:0px;
	}

h3.blog_title {
	font-weight:bold;
	margin:10px 0px 0px 0px;
	border-top:1px dotted #999;
	}

/*
---------------------------------------
VARIOUS
---------------------------------------
*/
#content ul {
	list-style-type:square;
}
#content ol, #content ul {
	margin-right:20px;
}
#content ol.rules li, #content ol.tips li {
	margin-bottom:10px;
}
.Image{
	margin:10px;
}
.image_right{
	margin:10px;
	float:right;
}
#help_window {
	margin:0px;
	padding:10px 10px 10px 10px;
	color:#000;
	background-color:#CCCCFF;
	border:1px solid #000;
}
.form{
	background-color:#eee;
	border:1px solid #999;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.button{
	background-color:#eee;
	border:1px solid #999;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color:#983233;
}
.blackborder{
	border:1px solid #333;
}
li.fluff {
   padding: 10px 0px 0px 0px;
   }
.left {
	text-align:left;
}
/*
---------------------------------------
USING RELATIVE FONT SIZES
---------------------------------------
*/

/*/*/a{}


body, body #content p {
  font-size: 12px;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;

}

html>body, html>body #content p {
  font-size: 12px;
}

body .sidepiece, body #footer p, body #breadcrumb, body div.blog_timestamp {
  font-size: 11px;
    color: #111;
}

body #content h1 {
  font-size: 40px;
}

body #content h2  {
  font-size: 20px;
}
body .sidepiece h3 {
  font-size: 22px;
}

body #navigate li a {
  font-size: 13px;
}

body  {
  line-height: 17px;
}

* html body, * html body #content p {
  font-size: 12px;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: 13px;
}
* html body .sidepiece h3 {
  font-size: 24px;
}
* html body #content h1 {
  font-size: 40px;
}
* html body #content h2  {
  font-size: 24px;
}
* html body #navigate li a {
  font-size: 12px;
}
* html body #navigate li ul li a {
	font-size:12px;
}
* html body .sidepiece, * html body #footer p, * html body #breadcrumb, * html div.blog_timestamp {
  font-size: 11px;
}
/* */

/* Fix Submenu in IE. Hide from IE Mac \*/
* html ul#navigate li { float: left; height: 1%; }
* html ul#navigate li a { height: 1%; }
/* End */



/*
---------------------------------------
FIXING THINGS FOR IE (*kills IE*)
---------------------------------------
*/
* html ul#navigate {
height:135px;
}
* html #navigate li ul {
	right:148px;
}
* html #navigate li:hover ul, * html #navigate li.over ul, * html #navigate li ul li a {
	width:120px;
}

.grminqheaderwrap {
		border: 1px solid #DEE4EF;
		background-color: #DEE4EF; 
		-moz-border-radius-topleft:     16px; 
		-moz-border-radius-topright:    16px;
		-moz-border-radius-bottomleft:  16px; 
		-moz-border-radius-bottomright: 16px;
		vertical-align:middle ;
		margin-bottom: 4px; 
		margin-left:   1px;
		margin-right:  1px;
		margin-top:    0px; 
		border-color: #DEE4EF ; 
		border-width: 1px 1px 1px 1px  ;  
		padding: 10px; 
									
		}	

/* 
---------------------------------------
Accessibility Styles
---------------------------------------
*/

.hiddenmenuitem { color: #fff; font-size: 1pt; text-decoration: none }
.hiddenmenudiv  {
								border: 0px ;
								background-color: #fff ; 
								margin: 0px ; 
								border-width: 0px ;  
								height: 1px ;
								padding: 0px ; 
								position:fixed ;
								top:1px ;
								left:40px ;
								}
/*
---------------------------------------
Faculty Portal Dashboard
---------------------------------------
*/

/*For legacy screens we need to be able to control the base font so "medium" does not bump 
  them up and there are no defaults to mess things up. With this we can base everything off of 
  "em" units.
*/
.FacPortalBaseFont {
	font-size: 16px;
	font-family: arial,verdana,helvetica; 
	font-weight:normal;
	font-style: normal;
	color: black;
}

/* Basic faculty portal fonts*/
.FacPortalLabel,
.FacPortalLabelUrgent,
.FacPortalInput,
.FacPortalSectionHeader,
.FacPortalSectionMessage,
.stickypadfont,
.stickypadfontUrgent,
.stickypadrate,
.stickypadrateOk,
.stickypadrateUrgent,
.stickypadrateOk,
.CourseName,
.FacPortalPeople,
.DeptHeaderName,
.DeptHeaderResponseRate,
.DeptHeaderResponseRateOk,
.DeptHeaderResponseRateUrgent,
.CourseActionLinkFont,
A.CourseActionLink,
.ImageLinkFont,
A.ImageLink,
.FacPortalButton,
.CopyRight {		
	font-family: arial,verdana,helvetica; 
	font-weight:normal;
	font-style: normal;
	color: black;
	background-color: white;
}

/* END - Basic faculty portal fonts*/

/* Response rate fonts and controls */
.stickypadfontUrgent,
.stickypadfont {
	font-size: .7em;
	background-color: transparent;
}
.stickypadfontUrgent {
	color: red;
}

.stickypadrateOk,
.stickypadrateUrgent,
.stickypadrate {
	font-size: .9em;
	font-weight: bold;
	width:100%;
	position: relative;
	text-align:center;
	margin-bottom:5px;
	background-color: transparent;	
}

.stickypadrateUrgent {
	color: red;
}
.stickypadrateOk {
	color: green;
}
.stickypadrate {
	color: darkblue;
}

DIV.StickyPadLeft {
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
}		
/* End Response rate fonts and controls */

/* Specific Dashboard fonts */

.FacPortalLabel {
	font-size: 1em;
}

.FacPortalLabelUrgent {
	font-size: 1em;
	color:red;
}

.FacPortalInput {
	font-size: 1em;
	color: #333333;	
}

.FacPortalSectionHeader {
	font-size: 1.9em;
	font-weight: bold;
}					

.FacPortalSectionMessage {
	font-size: 1em;
	color: DarkSlateGray;
}

.CourseName {
	font-size: .8em;
	color: DarkSlateGray;
}

.FacPortalPeople {
	font-size: .7em;
	padding: 1px;
	margin-bottom:10px;
	height: 26px;
	overflow:hidden;
}

.DeptHeaderName {
	font-size: 1.2em;
	font-weight: bold;
}	

.DeptHeaderResponseRate {
	color: slategray ;
}
.DeptHeaderResponseRateOk {
	color: #939D4D ;
}		
.DeptHeaderResponseRateUrgent {
	color: red ;
}

.DeptHeaderResponseRate,
.DeptHeaderResponseRateOk,
.DeptHeaderResponseRateUrgent {		
	font-size: .9em;
	font-weight: bold;
}

.Copyright {
	font-size: .8em;	
	color:#808080;
}
		
/* END - Specific Dashboard fonts */

/* Dashboard layout controls */
.divClear {
	clear:both;
}

HR.HRLineDivider {
	clear: both;
	color:lightgray;
	background-color:lightgray;
	height:1px;
	border-width:0;
}

DIV.FacPortalRowCell {
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
}		

DIV.FacPortalRowCellRight {
	float:right;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	white-space: nowrap;
}

DIV.FacPortalSectionVisible {
	display:block;
}
DIV.FacPortalSectionHidden {
	display:none;
}

DIV.FacPortalSectionVisible,
DIV.FacPortalSectionHidden {
	background-color:white ;
	padding: 1px;
	margin-bottom:0px;
	overflow:hidden;
	width:100%;
}

DIV.DeptHeader {
	border-bottom: 1px solid #939D4D;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	background: none white;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: left;
	width: 100%;
}

DIV.DeptSection {
	background-color:white ;
	padding: 1px;
	margin-bottom:10px;
	height: 1px;
	visibility:hidden;
	overflow:hidden;	
}
.dataformspacer {
	margin-top: 1em;
}
/*This is for centered controls with a label and an input. The 2 widths will vary based on the form*/
.dataformcol1 {
	float: left; 
	margin: 0px 10px 0px 0px; 
	width: 47%; 
	text-align: right; 
	vertical-align:bottom;
}
.dataformcol2 {
	display: block; 
	float: left; 
	margin: 0px; 
	width: 47%; 
	text-align: left; 
	vertical-align:bottom;
}

/* End Dashboard layout controls */

/* Faculty portal buttons and links */
/*
   Important note for IE. The plain background attribute must be last (of the 3 bg lines) 
   or this will not work in quirks mode. The underscore means only IE will read or the gradient 
   will not work for other browsers.
*/
.FacPortalButton {
   border-top: 1px solid #CECEFF;
   background: -moz-linear-gradient(top, #CECE7C, #91A13A);
   background: -webkit-gradient(linear, left top, left bottom, from(#CECE7C), to(#91A13A));
   _background: #91A13A;
   padding: 5px 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 1em;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
.FacPortalButton:hover {
   border-top-color: #939D4D;
   color: #ccc;
   }
.FacPortalButton:active {
   border-top-color: #1b435e;
   }	

/*Similar size, different color. used interchagably for link or not link.*/
.CourseActionLinkFont {
	font-size: 1em;
	font-weight:bold;
}	
A.CourseActionLink {
	font-size: 1em;
	font-weight:bold;
	color: #428EAE;
	text-decoration: none;
}

A.CourseActionLink:link {
}

A.CourseActionLink:visited {
	color:#428EAE;
}

A.CourseActionLink:hover {
	text-decoration: underline;
	color: #939D4D;
}

A.CourseActionLink:active {
	color: #808080;
	text-decoration: none;
	}

/*Similar size, different color. used interchagably for link or not link.*/
.ImageLinkFont {
	font-size: .7em;
	font-weight:bold;
}	

A.ImageLink {
	font-size: .7em;
	font-weight:bold;
	color: #428EAE;
	text-decoration: none;
}

A.ImageLink:link {
}

A.ImageLink:visited {
	color: #428EAE;
}

A.ImageLink:hover {
	text-decoration: underline;
	color: #939D4D;
}

A.ImageLink:active {
	color: #808080;
	text-decoration: none;
	}

/* end buttons and links. */