* {
	margin: 0;
}
html { height:100%; }
body
{
    height: 100%;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background:#E1E2E2 url(images/bg.png) repeat-x;
}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color:#034af3;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none; 
}

p
{
    margin: 15px 0 20px 0;
}

ul, ol
{
    margin: 15px 0 20px 10px;
    padding-left:20px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.1em;
    color: #424242;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 1.4em;
    padding-bottom: 0;
    margin-bottom: 0;
    margin: 15px 0 10px 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#wrapper 
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
}

#top-nav { }
ul.top-nav-items { padding: 0 0 2px; margin: 0; float:right; }
ul.top-nav-items li { display: inline; list-style: none; }
ul.top-nav-items li a { padding:5px 20px 5px 20px; text-decoration: none; color: #424242; font-size:.8em; font-weight:bold; }
ul.top-nav-items li a:hover { text-decoration: underline; }
ul.top-nav-items li a:active { background-color: #cccccc; text-decoration: none; }
ul.top-nav-items li.selected a { background-color: #000000; color: #ffffff; }

#container { margin-left:auto; margin-right:auto; width:920px; }

#header
{
    margin:20px 0 0 0;
    color: #000;
    padding:0 5px 0 5px;
    height:68px;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #1DBEE6;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#banner-container { color:#696969; float:right; }


#menucontainer { margin-top:10px; color:#696969; float:left; width:100%; }
ul.menu { padding: 0 0 2px; margin: 0; }
ul.menu li { display: inline; list-style: none; }
ul.menu li a { padding: 5px; text-decoration: none; color: #701112; font-size:1.2em; }
ul.menu li a:hover { background-color: #424242; text-decoration: none; color:#FFFFFF; }
ul.menu li a:active { background-color: #000000; text-decoration: none; }
ul.menu li.selected a { background-color: #000000; color: #ffffff; }

#main { background-color: #FFFFFF; margin:10px 0 0 0; width:900px; }
#main-content-header { padding:5px; width:890px; margin-bottom:2px; font-size:1.2em; border-bottom:4px solid #2997D3; font-weight:bold; text-align:right; }
#main-content-header i { color:#2E7FEB; }
#main-content { margin:5px; width:890px; background-color:#FFFFFF; }

/* INTRO CONTAINER
----------------------------------------------------------*/
#intro { width: 900px; height:276px; background-color:#2B2B2B; border-bottom:2px solid #000000; border-top:2px solid #000000; }
.action-box { width:400px; height:276px; margin:0 0 0 20px; text-align:center; } 
.action-button { margin-top:180px; cursor:pointer; border:0; }

/* INTRO TABS
----------------------------------------------------------*/
.ajax__tab_header { float:right; width:90px; height:276px; }
.ajax__tab_body {  }
.ajax__tab_outer { display:block !important; }
.ajax__tab_tab { width:90px; height:92px; }
.ajax__tab_inner { background:url(/images/intro-tab.png) no-repeat; width:90px; color:#FFFFFF; text-align:center; font-size:1em; font-weight:bold; }
.ajax__tab_inner span { text-align:center; }
.ajax__tab_inner div {padding-top:37px; width:88px; text-align:center; margin-left:auto; margin-right:auto; }
.ajax__tab_hover { background:url(/images/intro-tab-on.png) no-repeat; color:#FFFFFF; }
.ajax__tab_active .ajax__tab_inner { background:url(/images/intro-tab-on.png) no-repeat; color:#FFFFFF; }

/* MAIN PAGE CONTENT
----------------------------------------------------------*/
.box { width:277px; height:130px; float:left; }
.box-margin { margin-left:25px; }
.box-header { width:275px; height:50px; border:1px solid #CCCCCC; }
.box-header img { border:0; }
.box-content { padding:8px; font-size:.9em; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0; padding: 5px; border:0px; }
fieldset p { margin: 2px 5px 10px 5px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: .9em; font-weight: 600; padding: 2px 0 8px 0; }
input[type="text"] { width: 200px; border: 1px solid #CCC; }
input[type="password"] { width: 200px; border: 1px solid #CCC; }
input[type="submit"] { font-size:1em; border:0px; background-color:#424242; color:#FFFFFF; cursor:pointer; }


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#title
{
    display:block;
    float:left;
    text-align:left;
    margin:0;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.push { height:250px; }

/* Footer
----------------------------------------------------------*/
#footer-top { background-color:#F0F0F0; text-align:left; margin:0; color:#2b2b2b; padding:5px 15px 5px 15px; }
#footer-top a { color:#2b2b2b; }
.footer-nav-column { float:left; }
#footer-top h3 { margin: 5px 0 5px 15px; font-weight:bold; color:#2b2b2b; }
#footer-top ul { list-style:none; margin: 5px 0 5px 15px; padding:0; }
#footer-top li { list-style:none; padding:2px 0 2px 0; }
#footer-top li a { font-size:.9em; color:#2b2b2b; }
#footer-bottom { background:url(images/footer-bottom-bg.png) repeat-x; text-align:center; height:40px; padding:5px 15px 0 15px; font-size:.9em; }
#footer-bottom p { font-size:.8em; color:#ffffff; margin:0; padding:0; margin:5px 0 5px 0; }
#footer-bottom a { color:#ffffff; }

/* Grid
----------------------------------------------------------*/
.rowstyle { background-color: #ffffff; font-size:.9em }
.alternatingrowstyle{ background-color:#f9f9f9; font-size:.9em; }
.headerstyle{ background-color:#e5e5e5; font-size:.9em; height:23px; }
.headerstyle th { border:1px solid #bbbbbb; padding-left:5px; text-align:left; }  
.headerstyle a { color:black; }    
.sortalternatingrowstyle{ background-color:#e5e5e5 }
.sortrowstyle{ background-color:#f0f0f0 }
.sortascheaderstyle{ background:#c5c5c5 url(images/sort_asc.gif) no-repeat scroll right center; padding-left:5px; }
.sortdescheaderstyle{ background:#c5c5c5 url(images/sort_desc.gif) no-repeat scroll right center; padding-left:5px; }   
.pagerstyle{ color:#444444; background-color:#e5e5e5; font-size:x-small; text-align:right; } 
.pagerstyle select{ font-size:x-small; }  
.previous{ background:transparent url(images/previous.gif) no-repeat scroll center; height:1.3em; width:16px; }
.next{ background:transparent url(images/next.gif) no-repeat scroll center; height:1.3em; width:16px; }  
.gotopage{ font-size:x-small; width:20px; }
.modalBackground { background-color:Gray; }
tr.updated td { background-color:yellow; }
.detail { font-size:11px; background-color:#fff; border:solid 2px #000; padding:4px; }
.detail .footer { text-align:right; padding:8px; }