﻿html, body
{
    margin:0;
    padding:0;
    border:none;
    height:100%;
}
form
{
    vertical-align:top;
    margin:0;
    padding:0;
}
body
{
    text-align:center;
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana;
    font-size: 12px;
    color: #343734;
    line-height:16px;
    vertical-align:top;

}

/* Inputs */
input,
select,
textarea
{
    font-size:12px;
    color: #000000;
    font-family: Arial;
}
img
{
    border: 0px;
}
img, 
td, 
div
{
    behavior: url('/iepngfix.htc');
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Links */
a,
a:link,
a:visited
{
    color:green;
    text-decoration:none;
}
a:active,
a:hover
{
    color:#000000;
    text-decoration:underline;
}
.button
{   
    font-size: 11px;
    border: solid 1px #FFFFFF;
    background: #000000;
    color:#FFFFFF;
    padding:3px 10px 4px 10px;  
    *padding:1px 6px 4px 6px;
    height:23px;
    cursor:pointer;
}
.button:hover
{
    color:#FFF500;
}
a.button,
a.button:link,
a.button:visited,
a.button:hover
{
    color:#FFFFFF;
    line-height:23px;
    height:auto;
    padding:4px 10px 4px 10px; 
    *padding: 3px 10px 3px 10px;
    text-decoration:none;
}

a.button:hover
{
    color:#FFF500;
}

/* Headers */
h1,
h2,
h3
{
    font-family: Helvetica, Arial;
    font-weight:bold;
    line-height:normal;
}
h1
{
    font-size: 26px;
    *font-size:24px;
    color:#000000;
    margin-top:0px;
    margin-bottom:15px;
}
h2
{
    font-size: 16px;
    color:#000000;
    margin-top:0px;
}
h3
{
    font-size: 13px;
    color:#2C1E00;
    margin:0px;
}

/* Tables */
td
{
    border-width: 0px;
    vertical-align:top;
    text-align:left;
}
tr.header,
tr.header td,
td.header,
.header
{
    color: #FFFFFF;
    background-color:#3F251C;
    font-weight:bold;
    text-align: center;
    padding-top:3px;
    height:16px;
}
th a,
th a:link,
th a:visited,
th a:hover,
th a:active
{
    color:#FFFFFF;
}
dt0,
td.dt0,
tr.dt0
{
    background-color:#E8E3CD;
}
dt1,
td.dt1,
tr.dt1
{
    background-color:#D2CBAC;
}
.calheader,
tr.calheader,
td.calheader,
.calheader td
{
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    border: none 0px;
    text-align:center;
}
.calday
{
    color:#000000;
    font-size: 9px;
    font-weight:normal;
    line-height:normal;
}
.pagedivide
{
    clear:both;
    padding-bottom:8px;
}

/* Display Divs */
#wrapper
{
    width:940px;
    margin-left:auto;
    margin-right:auto;
}

#header
{
    position:relative;
    text-align:right; 
    width:820px;
    height:85px;
    margin: 0 auto;
    z-index:10;
}

#logolink
{
    position:absolute;
    top: 5px;
    left:-50px;
}

#search
{
    position:absolute;
    bottom:-10px;
    right:10px;
    font-size:12px;
    width:187px;
    height:37px;
    /*background: url('/site/images/searchBG.png') no-repeat;*/
    text-align:left;
    padding: 6px 0px 0px 8px;
    *padding: 7px 0px 0px 8px;
}

#manageButtons
{
    position:absolute;
    bottom:-50px;
    right:5px;
}

#menu

{

    position:absolute;

    top: -8px;

    *top:-12px;

    *height:80px;

    right:0px;

    z-index:20;

    text-align:left;

}



#nav, #nav ul, #footernav

{

    margin:0;

    padding:0;

    list-style:none; 

    z-index:25;

}



#nav

{

    padding:7px 0 0 35px;

    *padding:40px 0 0 35px;

}



#footernav

{

    padding-top:4px;

}



#footernav li

{

    display:inline;

}



#footernav li a

{

    color:#D2CBAC;

}



#nav li

{

    position: relative;

    margin-left:10px;

    line-height:70px;

    padding: 28px 0 0 0;

    display:inline;

    z-index:100;

    background: url('/site/images/menuBG.jpg') repeat-x top;

}



#nav li.active

{

    background: url('/site/images/menuBGactive.jpg') repeat-x top;

}



#nav li a,

#nav li a:link,

#nav li a:visited

{

    font-family: Helvetica, Lucida Grande, Lucida Sans Unicode, Verdana;

    color:#000000;

    font-size: 13px;

    font-weight:bold;

    text-decoration:none;

    padding-bottom:15px;

    text-transform:uppercase;

}



#nav li a:hover,

#nav li a:active

{

    color:#777777;

    text-decoration:none;

}



.subnav /* #nav li ul */

{

    display: none;

    width: 180px;

    background:#FFFFFF;

    position: absolute;

    top: 47px;

    *top: 60px;

    left: 0px;

    padding:0;

    margin:0;

    z-index:100;

    border:none;

}



#nav li ul li

{

    text-align:left;

    background:none;

    border-bottom: 1px solid #000000;

    line-height:24px;

    padding:0 0 0 5px;

    margin:0;

    width:175px;

    *float:left;

}

#nav li ul li a,
#nav li ul li a:link,
#nav li ul li a:visited
{
    text-decoration:none;
}

#nav li ul li a:hover,
#nav li ul li a:active
{
    color:#777777;
    text-decoration:none;
}

#nav li:hover ul, 
li.over ul,
#nav li:hover ul li, 
li.over ul li { /* lists nested under hovered list items */
    display: block;
}

#content
{
    position:relative;
    min-height:400px;
    padding: 15px 20px 15px 20px;
    width:778px;
    margin: 0 auto;
    background: url('/site/images/bodyRepeat.png') repeat-y;
    border: solid 1px #FFFFFF;
    text-align:left;
    z-index:0;
}

#footer
{
    font-size:10px;
    color: #000000;
    text-align:left;
    margin-top:15px; 
    margin-bottom:15px;
}

#templates li
{
    text-align:center;
    display:inline;
    float:left;
    margin-right:35px;
    margin-bottom:5px;
    width:95px;
}

/* Standard Classes */
.title
{
    font-size: 15px;   
    font-weight:normal;
    font-weight:bold;
    color:#0B6275;
    margin-top:0px;
}
.error
{
    color: #FF0000;
    font-weight: normal;
}
.product
{
    float:left;
    width:200px;
    height:210px;
    text-align:center;
    margin-right:15px;
    margin-bottom:10px;
}
.info
{
    color: #008000; 
}
.help
{
    color: #000000;
    font-style:italic; 
}
.errorval
{
    position:absolute;
    z-index:50;
    border: solid 1px #000000;
    background-color: lemonchiffon;
    padding:5px;
}
.question
{
    text-align:right;
}
fieldset
{
    background-color:#F2FBFB;
    border: solid 1px #507D82;
    margin:0;
    margin-bottom:-23px;
    padding:5px;
    width:250px;
    *position: relative;
    *padding-top:20px;
}
legend
{
    color:#3F251C;
    font-weight:bold;
    *position:absolute;
    *top: -10px;
    *left: 10px;
    *margin-top:10px;
}
.highlight
{
    background-color: lemonchiffon;
}
.tdcenter,
tr.tdcenter td
{
    text-align:center;
}
.tdright
{
    text-align:right;
}
.gridbutton
{
    padding-top:10px;
}
.controlpanel
{
    clear:both;
}
.innerbox
{
    padding:6px;
}
.datebox
{
    background: url('/site/images/dateBG.png') no-repeat;
    font-family: Georgia, Verdana;
    color:#FFFFFF;
    font-style:italic;
    font-weight:bold;
    font-size:15px;
    width:49px;
    height:49px;
    text-align:center;
    padding-top:5px;
    *padding-left:3px;
}
/* Visible Classes */
div.invisible 
{	
    display: none; 
    visibility:hidden; 
}
div.visible  
{ 
    visibility:visible; 
    display: block; 
}

/* Steps */
.stepon 
{
    float:left; 
    height:19px; 
    background:#FFF500; 
    color:#000000; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    vertical-align:middle;
    padding-left:5px; 
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}
.stepdone
{
    float:left; 
    height:19px; 
    background:#000000;
    color:#FFFFFF; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    vertical-align:middle;
    padding-left:5px; 
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}
.stepoff 
{
    float:left; 
    height:19px; 
    background:#CCCCCC; 
    color:#FFFFFF; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    vertical-align:middle;
    padding-left:5px; 
    padding-right:5px; 
    padding-top:4px;
    margin-right:5px;
}

/* Redorder List */
.reorderList li 
{
	list-style:none;
	margin:2px;
	color:#000000;
	line-height:normal;
}
.reorderItem
{
    border: dashed 1px #507D82; 
    background-color:#F2FBFB; 
    padding:7px;
    height:43px;
    margin:3px;
}
.reorderCue
{
	border:dashed thin black;
	width:100%;
	height:75px;
}
.reorderCue2
{
	border:dashed thin black;
	width:100%;
	height:30px;
}
.dragHandle 
{
	width:25px;
	height:25px;
	margin-top:5px;
	cursor:move;
}

/* thumnail rollover */
.thumbnail{
    position: relative;
    z-index: 0;
}
.thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    text-decoration:none;
}
a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited
{
    color:#000000;
    font-weight:normal;
}
.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #FFFFFF;
    padding: 5px;
    left: -1000px;
    border: 1px solid black;
    visibility: hidden;
    display:none;
    color: black;
    text-decoration: none;
    width:150px;
    text-align:left;
}
.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    display:block;
    top: 10px;
    left: 20px; /*position where enlarged image should offset horizontally */
}


/* Accordian */
.accordionHeader
{
	margin: 0px;
	padding: 4px;
	height:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#424242;
	cursor: pointer;
}
.accordionHeaderSelected
{
    margin: 0px;
	padding: 4px;
	height:15px;
	font-weight:bold;
	background-color: #D3E9FF;
	color:#424242;
	cursor: pointer;
}
.accordionContent
{
    overflow: auto;
	margin: 0px;
	padding: 0px;
	background-color:#F9F9F9;
}

/* Data Pager */
.numericpage
{
    font-size:14px;
    font-weight:normal;
}
.currentpage
{
    font-size:14px;
    font-weight:bold;
}
