body 
{
margin: 0; 
padding: 0; 
font-family: verdana, arial, sans-serif; 
font-size: 80%; 
color: black; 
text-align: center;
background-color: #DDDDDD; 
}

p {
margin:0.2em 0 0.2em 0; padding:0.3em;
}

img 
{
    border: none;
}


table td {font: 8pt verdana; }

h1 {
padding:0; margin:0;font-size:200%; font-weight:normal; font-style:italic; 
color:#3479bf; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h2 {
background-color:#DDDDDD; color:#3479bf; font-size:100%; font-weight:normal; margin:0.2em; padding:2px; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div 
{
margin: 0;
padding: 0;
display: block;
}

legend
{
	color: #3479bf;
	font-size: 9pt;
	font-weight: Bold;
}

a:link, a:visited {
color:black; text-decoration:underline; }
a:hover {
color:black; text-decoration:none; }
a:active {
color:black; text-decoration:underline;}

.container {
background-color:#FFFFFF; 
margin:0 auto 0 auto; 
padding:0; 
width:95%; 
border:solid 1px #666666;
}

/* master page */
.titleblock 
{
    padding:2em; 
    margin:0; 
    text-align:left;
    background-repeat:no-repeat; 
    background-position:right center;
}

.logo
{
    background-image:url("Image/logo.bmp");
    background-repeat:no-repeat;
    margin:2px 2px 2px 2px; 
    padding:2px 2px 2px 2px;
    float:left;
}

.sitename
{
    position: relative;    
    right: 0px; 
    float: right;
    font-size: 13pt;
    letter-spacing: 11px;
    font-family: Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    border-left: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    background-color: White;
    color: Gray;
    padding: 0 15px 0 15px;
}

.companytitle
{
    background-image: url("Image/CompanyTitleBg.gif");
    font-weight: bold;
    font-size: 8pt; 
    background-repeat:no-repeat;
    border-bottom: dotted 1px #000000;
    border-top: dotted 1px #000000;
}

.companytitle .left
{
    font-weight: bold;
    color: White;
}

.companytitle .right
{
    font-weight: bold;
    color: Black;
}

.footer 
{
    position: relative;
    color:#999999; 
    font-size:75%; 
    margin:2.5em 0em 0em 0em; 
    padding:0.8em; 
    border-top:1px solid #999999; 
    text-align:left; 
    clear:both;
    height:45px;
}

.footer .right {
float: right; clear: right; text-align: right;}

.footer .left {
left: 8px; top: 15px; position: absolute; float: left; }

.footer p {margin:0;}

#logout 
{
    color: black;
    display: inline;
    font-weight: bold;
}


/* default page */
.loginbox
{
	margin: 15px auto 15px auto;
	padding: 0; 
	width: 420px; 
	height: 220px;
	font-size: 8pt;
}

#login
{
    float: none;
    margin: 0px 35px 0 auto;
    padding: 0;
}

#login ul
{
    list-style-type: none;
}



#login ul li
{
    text-align: right;
    padding: 0 0 2px 0;
}

.login_select
{
    text-align: left;
    margin: 0 0 1px 0;
    padding: 0;
    width: 249px;        
}

.login_input
{
    text-align: left;
    /*margin: 0 80px 0 0;*/
    margin: 0 0 0 0;
    padding: 0;
    /*width: 165px;*/
    width: 245px;
}

#login_button
{
    float: right;
    padding: 12px 0 0 0;
    text-align: right;
}


/* front page */
.page_content
{
    margin: 13px 0px 13px 0px;
    clear: both;
}

.toppanel
{
    clear: both;
    width: auto; 
    padding: 0px 13px 0 13px;
}

.leftcontainer 
{
    float: left; 
    width:30%; 
    padding:13px 13px 0 13px; 
    text-align:left; 
}

.leftcontainer .leftbox
{   
    width: 100%;
    padding: 0 0 13px 0;
}

.boxcontent
{
    text-align:left;
    padding-left: 15px;
    padding-right: auto;
}

.leftcontainer h2 {
text-align:left; 
padding:0 0 0 1.5em; 
margin-bottom:0.6em
}

.leftcontainer p  {
margin:0 0 0.2em 0; padding:0.3em;}

.rightcontainer 
{
    clear:right; 
    text-align:left; 
    padding:13px 13px 0 13px;
}

.rightcontainer .rightbox
{   

    padding: 0 0 13px 0;
}

/* purchase orders page */
.criteria_container
{
    margin: 13px 13px 13px 13px;
    clear: both;
    font-size: 8pt;
}

.criterialeft
{
    width: 460px;
    float: left;
    margin: 0 13px 0 0;    
}

.criterialeftbox
{
    padding: 27px 0 27px 17px; 
    text-align: left;
}

.criteriaright
{
    margin: 0 0 0 13px;
}
.criteriarightbox
{
    text-align: left;
    padding: 5px 0 2px 13px;
}

.criterialeftbox_big
{
    padding: 4px 0 4px 4px; 
    margin: 0 0 4px 0;
    text-align: left;
}

.content
{
    clear: both;
    padding: 0px 13px 0 13px;
}

.tabs
{
    float: left; 
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    width: 90%;
}
.grid
{
    clear: both;
    overflow: scroll;
    width: 99.8%; 
}

.griditem
{
    white-space: normal;
}


/* schedule view page */
.schedule_criteria
{
    margin: 8px auto 8px auto; 
    text-align: left; 
    width: 100%;
    clear: both;
}

.calhead {
    background-color: #1f70b2; 
    color: white;
    font-size: 10pt; 
    font-family: Arial; 
    padding: 0; 
    margin: 0;
    height: 26px;
    clear: both;
    width: 100%;     
}

.calhead .left 
{
    float: left;    
    text-align: left; 
    width: 5%;  
}

.calhead .center 
{
    vertical-align: middle;
    font-size: 14pt;
    text-align: center;
    width: auto;
}

.calhead .right 
{
    text-align: right;   
    width: 5%;   
}

.calhead a:hover, .calhead a:link, .calhead a:visited 
{
    color: white;
}

.calendar
{
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%; 
}

/* should be lighter */    
.cal_default_item
{
    background-color: #dddddd;
}

/* should be darker */
.cal_selected_item
{
    background-color: #9299a0;
}

/* year view */
.cal_year_item
{
    background-color:#efefef; 
    width: 100%; 
    height: auto;
    text-align: center;
    padding: 15px 0 15px 0;
    font-size: 10pt;
    margin: 5px 0 0 0;
}

a.cal_year_item
{
    display: block;
    background-color:#efefef;  
}

/* day view */
.cal_all_day_item
{
    background-color:#efefef; 
    width: 100%; 
    height: auto;
    text-align: left;
    padding: 2px 0 2px 4px;
    font-size: 10pt;
}

a.cal_all_day_item
{
    display: block;
    background-color:#efefef;  
}

/* settings page */
.settings_panel
{
    clear: both;
    width: 85%;
    float: left;
    margin: 0 0 5px 0;
}

#ui_settings
{
    padding: 0px 30px 0 0;
}

#ui_settings ul
{
    list-style-type: none;
    margin: 0;    
}

#ui_settings ul li
{
    text-align: right;

}
#ui_settings ul li label
{
    font-weight: bold;
    font-size: 11px;
}

#ui_settings ul li input
{
    width: 30px;
}

#ui_settings ul li .button
{
    margin: 10px -1px 10px 0;
    width: 140px;
}


/* error handler page */
.error_content
{
    text-align: left; 
    padding: 40pt;    
}


/* misc styles */
.error_message
{
	font-style: italic; 
	color: Maroon;
	font-size: 8pt;
}

.right_link
{
    float: right;
    font-size: 8pt;
}