@import url('styles.css');
@import url('stats.css');
@import url('folders.css');
@import url('dbtable.css');
@import url('datatool.css');

/* Base Elements ------------------------------------ */

* {
    margin:0;
    padding:0;
}

a:link, a:visited {
    color: #2a7cc1;
    color: #AA0032;
    text-decoration: underline;
}

html { 
    background: #D9E6EF;
    background: #710504;
}

body { 
    background: #fff;
    font: 62.5% Arial, sans-serif;
    /*min-width: 768px;*/
}

/* Layout/Specific ---------------------------------- */

div#header {
    background: url(../../images/esite/repeating-header-bg.jpg) repeat-x;
    background: url(../../images/esite/repeating-header.gif) repeat-x;
    height: 154px;
    height: 150px;
}

    #header div#branding {
	background: url(../../images/esite/topLeftGraphic.jpg) no-repeat;
	background: url(../../images/esite/top-left.gif) no-repeat;
	float: left; display: inline;
	width: 440px; 
	height: 154px;
	height: 150px;
	position:relative;
    }

    #header div#branding img {
	position:absolute;
	top:11px;
	left:18px;
    }

    #header div#currently-viewing {
	background:url(../../images/esite/topRightGraphic.jpg) no-repeat bottom left;
	background:transparent;
	display:inline;
	float:right;
	height:154px;
	height: 150px;
	position:relative;
	width:330px;
    }

    #header select#set_account_id {
	width:200px;
    }

    #header form#currently-viewing-form {
	margin:70px 0 0 26px;
    }

    #header form#currently-viewing-form label {
	color:#fff;
	font-size:1.2em;
    }

    #header p#welcome-back {
	font-size:1.2em;
	position:absolute; 
	bottom:24px; 
	right:16px;
    }
	span#welcome-user {
	}
	span#welcome-divider {
	    padding:0 17px;
	}
	span#welcome-date {
	}

ul#breadcrumbs {
    float:left; display:inline;
    margin:116px 0 0 -200px;
    position:relative;
    z-index:50;
}

    ul#breadcrumbs li {
	background:url(../../images/esite/divider.gif) no-repeat 100% 3px;
	float:left; display:inline;
	padding:0 11px;
	list-style:none;
    }

    ul#breadcrumbs a {
	color:#999;
	text-decoration:none;
	font:12px Arial, sans-serif;
	font-weight:bold;
    }

    ul#breadcrumbs li.last-breadcrumb { background-image:none; }

    ul#breadcrumbs a:hover {
	color:#369;
	text-decoration:underline;
    }

div#content-wrapper {
    background:url(../../images/esite/faux-nav.gif) repeat-y;
    background:url(../../images/esite/faux.gif) repeat-y;
    overflow:hidden;
    width:100%; /* trigger hasLayout */
}

div#content {
    font-size:1.2em;
    margin:0 0 0 240px;
    min-height:490px;
} 

* html #content { height:490px; }

    div#content *.action {
	font-weight:bold;
	color:#f00;
    }

    div#content h1.title {
	background: url(../../images/esite/title_background.gif) no-repeat left;
	background:none;
	color:#6a819b;
	color:#ae0606;
	font:16px Arial, sans-serif;
	padding:0 0 0 25px;
	padding:0;
	margin:0 0 16px;
    }

    div#content h2 { 
	height:25px; 
	width:500px;
	font-size:15px;
	color:#ae0606;
    }

    /*
    div#content h2 span { position:absolute; left:-9999px; }
    h2#h2-whats-new { background-image:url(../../images/esite/h2-whats-new.gif); }
    h2#h2-news-updates { background-image:url(../../images/esite/h2-news-updates.gif); }
    */

    div#content ul {
	margin:0 0 0 40px;
    }

    div#content p {
	margin:0 0 18px;
    }

/* Navigation --------------------------------------- */

div#nav {
    background:#9EB0C5;
    background:url(../../images/esite/faux.gif) repeat-y;
    float:left; display:inline;
    padding:2px 0 5px 0;
    width:190px;
}

div#nav ul {
    list-style:none;
    margin:0 0 0 5px;
    zoom:1;
    display:inline-block;
} div#nav ul { display:block;}


div#nav ul ul { margin:0 0 5px 0; }
div#nav ul ul ul { margin-left:0; }

div#nav li span.category-item { 
    display:block; 
    color:#fff;
    background:url(../../images/esite/nav_category.gif) no-repeat top left; 
    font-size:15px;
    text-indent:15px;
    height:20px;
}

div#nav li.nav_category {
    background: url(../../images/esite/nav_category.gif) no-repeat left top;
    font-size: 15px;
    min-height:20px;
    width: 180px;
}

div#nav li.nav_item {
    background: url(../../images/esite/nav_item.gif) no-repeat left;
    padding:2px 0;
    text-indent: 15px;
    width: 180px;
}

div#nav li.nav_item a {
    color:#fff;
    text-decoration:none;
    font:12px Arial, sans-serif;
}

div#nav li.nav_item a:hover {
    text-decoration:underline;
}

*:first-child+html div#nav li, * html div#nav li { zoom;1; } 
div#nav li { line-height:1; white-space:nowrap; }

/* Login Area --------------------------------------- */

div#client-login-content {
    width:520px;
}

div#client-login-content p#forgot-password {
    margin:20px 0 0 167px;
}

div#login {
    background:url(../../images/esite/form-login.gif) no-repeat;
    /* new-skin */
    background:url(../../images/esite/login.gif) no-repeat;
    width:515px;
    height:58px;
    height:65px;
    font:12px Arial;
}

    form#form-login { 
	padding:14px 0 0;
	margin:0 0 0 140px;
    }

    form#form-login label { 
	color:#fff;
    }

	form#form-login input.input-field {
	    width:94px;
	    vertical-align:middle;
	    font:1em Arial;
	    padding:1px 0;
	}
	
	input.go-button {
	    vertical-align:bottom;
	}

/* Special ------------------------------------------ */

div#content div#company-logo {
    text-align:center;
    margin-left:-50px;
}

select#year, select#month { width:110px; }