/****************************** STRUCTURE ******************************/
body { background: #FFF; color: #404040; line-height: 1.65em;}
#logo { margin-left:  5px; padding-top: 25px; height: 75px;}
#footer {
    border-top: 3px solid #dcdcdc;
    color:  #656565;
    clear: both;
    font:   normal 10px Verdana, Tahoma, sans-serif;
    height: 20px;
    margin: 25px 0 10px 0;
    padding-top: 15px;
}

.legendLabel {
	padding-left: 2px;
	font-weight:bold;
}
.legendColorBox {
	padding-left: 4px;
	padding-right: 4px;
} 

/******************************** LOGIN ********************************/
body#login .container { margin: 85px auto 5px; width: 400px;}
#logo_login {margin: 0 auto 25px; text-align: center;}
body#login form {margin: 0; padding: 0;}
#login_form {background-color: #eaeaea; margin: 0; padding: 20px 20px 0; position: relative;}
body#login .bottom { background: url("../img/bg_login_bottom.png"); height: 18px;}
#login_form .text-input {
    background: url("../img/bg_login_form.png") no-repeat;
    border: none;
    font: normal 25px Arial, Verdana, sans-serif;
    margin-bottom: 25px;
    color: #979797;
    padding: 12px 18px;
    width: 174px;
    height: 21px;
}
#login_form .sep {margin-bottom: 15px;}
#login_form #lock {position: absolute; right: 63px; bottom: 100px;}
#login_form input.button {
    background: url("../img/bg_login_button.png");
    color:  #FFF;
    font: normal 10px Verdana, Arial, sans-serif;
    height: 26px;
    border: none;
    width: 90px;
    text-transform: uppercase;
    outline: 0 none;
}
#login_form input.button:hover {background-position: 0 -26px; color: #FFF;}
#login_form .forgot {float: right; font: normal 11px Verdana, Arial, sans-serif; margin-top: 6px;}
#login_form .remember {margin: -13px 0 10px 0;}
#login_form .remember input {vertical-align: bottom;}
#graph {margin:0;padding:0;}


/****************************** NAV MENU *******************************/
ul#nav {height: 35px; list-style-type: none; margin: 0 0 25px; background: url("../img/bg_nav.gif") left bottom repeat-x}
ul#nav li {display: inline; margin: 0; padding: 0;}
ul#nav li a {
    background: url("../img/bg_nav_li.gif") right bottom no-repeat;
    color: #656565;    
    display: block;
    float: left;
    font: bold 14px "Trebuchet MS", Verdana, Tahoma, sans-serif;
    height: 22px;
    margin: 0;
    padding: 3px 18px 10px;
    text-align: center;
    text-decoration: none;}
ul#nav li a:hover {
    color:  #000;
}
ul#nav li a.current {
    background: url("../img/bg_nav_current.gif") right bottom no-repeat;
    color: #866958;
    cursor: default;
}
ul#nav a#logout {float: right; color: #c9c9c9; background: none;}
ul#nav a#logout:hover {color: #000;}

/************************** ELEMENTS STYLE *****************************/

a,a:link, a:active, a:hover, a:visited {outline: 0 none; -moz-outline-style: 0 none;}
a {text-decoration: none; color: #84593e;}
a:hover {color: #404040; text-decoration: underline;}
.option_icon {margin-right: 8px;}

/*********************** NOTIFICIATIONS STYLE **************************/
p.notification {
    border-width:       2px 0 2px 0;
    border-style:       solid;
    color:              #616161;
    padding:            5px 40px;
}
p.warning {
    background:         #fffec0 url("../img/icon_exclamation.png") 15px 7px no-repeat;
    border-color:       #fffd51;
}
p.error {
    background:         #fcdfdf url("../img/icon_exclamation-red.png") 15px 7px no-repeat;
    border-color:       #fb0303;
}
p.info {
    background:         #e1e7fe url("../img/icon_info.png") 15px 7px no-repeat;
    border-color:       #608cd4;
}
p.done {
    background:         #dffcd7 url("../img/icon_done.png") 15px 7px no-repeat;
    border-color:       #7ee05c;
}
p.notice {
	background:         url("../img/icon_exclamation.png") 15px 7px no-repeat;
	border-color: 		#866958;
}
p.ajax {
    background:         #fffec0 url("../img/ajax-loader.gif") 15px 10px no-repeat;
    border-color:       #fffd51;
}
p.notification a {
    color:              #000;
    text-decoration:    underline;
}
p.notification a:hover {
    color:              #616161;
    text-decoration:    none;
}

/**************************** TABLE STYLE ******************************/
#flist table {
    font-size:          12px;
    border-collapse:    collapse;
    margin-bottom:      30px;
    width:              100%;
}
#flist table thead th {
    font-weight:        bold;
    font-size:          14px;
    border-bottom:      1px solid #ddd;
}
#flist tbody {
    border-bottom:      1px solid #ddd;
}
#flist tbody tr {
    background:         #fff;
}
#flist tbody tr.alt-row {
    background:         #ececec;
}
.tr_hover { color: #111; background: #f0e9e3 !important;}
#flist table td,
#flist table th {
    padding:            10px;
    line-height:        1.6em;
    text-align:         left;
}
#flist table a:hover {text-decoration: none; color: #000;}

/************************* FORM STYLE ****************************/
.form_description  {
    border-bottom:      1px dotted #CCCCCC;
    clear:              both;
    margin:             0 0 10px;
    padding-bottom:     15px;
}
form.settings {
    font-family:        Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
    margin:             0 0 20px;
    padding:            0;
}
.settings li {width: 100%;}
form ul {
    font-size:          100%;
    list-style-type:    none;
    margin:             0 0 10px;
    padding:            0;
    width:              100%;
}
form li {
    display:            block;
    margin:             0;
    padding:            5px 9px 0 15px;
    position:           relative;
}
form li:after {
    clear:              both;
    content:            ".";
    display:            block;
    height:             0;
    visibility:         hidden;
}
form li span {
    float:              left;
    margin:             0 3px 0 0;
    padding:            0 0 8px;
}
form li span label {
    clear:              both;
    display:            block;
    font-size:          10px;
    line-height:        9px;
    margin:             0;
    color:              #787878;
    padding-top:        3px;
}
form li.section_break {
    border-bottom:      1px dotted #ccc;
    margin:             9px 0;
    padding-bottom:     10px;
    padding-left:       9px;
    padding-top:        13px;
    position:           relative;
    width:              97% !important;
}
label.description {
    border:             none;
    color:              #000;
    display:            block;
    font-size:          95%;
    line-height:        150%;
    padding:            0 0 3px;
}
input.text {
    border-style:       solid;
    border-width:       1px;
    border-color:       #7c7c7c #c3c3c3 #ddd;
    color:              #333;
    font-size:          100%;
    margin-right:       1px;
    padding:            2px 1px;
}
select.text {
    border-style:       solid;
    border-width:       1px;
    border-color:       #7c7c7c #c3c3c3 #ddd;
    color:              #333;
    font-size:          100%;
    margin-right:       1px;
    padding:            1px 1px;
}
input.submit {
    padding:            3px 5px;
}
li.links {
    text-align:         right;
    width:              415px;
}
.large { width:365px;}
.xlarge {width: 650px;}
.one_half { width:179px;}
span.required {	color:#F00; float:none;	font-weight:700;}
form li.highlighted{ background-color:#fdefe9;}

.emptygraph {
	width:100%;
	height:180px;
	line-height:178px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color: #837771;
	background-image: url('../img/no_graph.gif');
	background-position: center;
	background-repeat: no-repeat;
}

/************************** GENERAL STYLE **************************/
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-smaller {font-size:9px;}
.float-right {float: right;}

/************************* PAGINATION STYLE ************************/
div.pagination {
	padding:3px;
	margin-bottom:20px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #aaa;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #C1A99F;
	font-weight: bold;
	background-color: #E9E1DD;
	color: #866958;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #745948;
	background-color: #e3d4ca;
}

/* Complete */
.blue {
	border: solid 1px #745948;
	background-color: #e3d4ca;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: #747474;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url("../img/icon_delete.png");
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}