/*
Date: 28 February 2010
Author: Oasa Bogdan Valentin
Company: PSD2MARKUP
Website: www.psd2markup.com
Project: ACI - Alias Confidential Investigations 
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}



body {background: #f0f0f0 url(images/sidebar.jpg) repeat-y 0 0; font-family: Arial, Verdana, sans-serif;  }
#page {float: left; clear: left; width: 1000px;   }
#sidebar {float: left; clear: left; width: 220px; height: 100%; padding: 20px 0 0 10px;}
.sidebar_title {float: left; clear: both; width: 100%; text-align: center; color: #f0f0f0; font-size: 26px; font-weight: bold; }
#sidebar ul {float: right; clear: both; width: 206px; margin: 20px 0 0 0;}
#sidebar ul li {float: left; clear: both; margin: 11px 0 0 0;}
#sidebar ul li a {float: left; clear: both; text-align: right; width: 190px; height: 22px; padding: 11px 16px 0 0; background: url(images/button.png) no-repeat; font-size: 12px; color: #fdfdf5;}
#sidebar ul li a:hover, #sidebar ul li a#current {background: url(images/button_sel.png) no-repeat; color: #434343; font-weight: bold; }

#sidebar ul li ul {float: left; clear: both; width: 206px; margin: 0 0 20px 0;}
#sidebar ul li ul li {float: left; clear: both; margin: 11px 0 0 0; }
#sidebar ul li ul li a {float: left; clear: both; text-align: right; width: 190px; height: 24px; padding: 9px 16px 0 0; font-size: 12px; color: #a8a8a8; background: none; }
#sidebar ul li ul li a:hover, #sidebar ul li ul li a#current2 {background: url(images/item.gif) no-repeat right center; color: #fff; font-weight: bold; }

#content {width: 670px; padding: 20px 0 0 30px; float: left; background: #f0f0f0;}

h1 {float: left; clear: both; width: 100%; color: #313131; font-size: 26px; text-align: left; }
.under_h {float: left; clear: both; width: 100%; color: #5f5f5f; font-size: 20px; text-align: left; margin: 5px 0 25px 0;}
.dashboard_link {float: left; margin-right: 20px; }


.form {width: 650px; float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: #cccccc 1px solid; background: #fff; padding: 10px; margin: 20px 0; }
.form.login {width: 350px;}
.form div {float: left; clear: both; width: 100%; margin: 4px 0;  }
.form label {float: left; clear: both; width: 100%; font-size: 12px; }
.form input {float: left; clear: both; width: 100%; font-size: 11px; color: #666; height: 17px; padding-top: 2px; margin: 2px 0 0 0; }
.form input.submit {float: right; clear: both; width: 114px; height: 27px;  cursor: pointer; padding: 0; background: url(images/submit.gif) no-repeat; margin: 0; color: #fff; text-align: center; font-size: 11px; border: 0;}
.form textarea {float: left; clear: both; width: 100%; height: 100px; font-size: 11px; color: #666; padding-top: 2px; margin: 2px 0 0 0; }
.form input.radio {float: left; clear: both; width: auto; height: auto; margin: 4px 7px 4px 0; }
.form .radio_desc {float: left; font-size: 11px; color: #444; margin: 5px 0 0 0;}

.link_submit {float: left; clear: both; width: 114px; height: 20px;  cursor: pointer; padding: 0; background: url(images/submit.gif) no-repeat; margin: 0; color: #fff; text-align: center; font-size: 11px; border: 0; padding: 7px 0 0 0; margin: 10px 3px;}
.manage_link {float: left; margin: 0 8px 0 0;}

.table_div {float: left; clear: both; width: 668px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: #cccccc 1px solid; background: #fff; margin: 20px 0;}

table {
    float: left; clear: both; width: 668px; background: #fff;
}
table td {padding: 10px 20px; font-size: 12px; color: #404040; }
table tr.grey td {background: #f3f3f3; }
table tr.waiting td {background: #fffbcc; font-size: 10px; padding: 5px 30px; color: #696451; }
table tr.registered td {background: #d5ffcf; font-size: 10px; padding: 5px 30px; color: #4a6546; }
table tr.table_head td {background: url(images/table_head.jpg) repeat-x; height: 42px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;  -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; font-size: 18px; color: #262626; font-weight: bold;  }
table tr.table_utils td {font-size: 14px; color: #404040; font-weight: bold;  border-bottom: 1px #dddddd solid; }

.err {float: left; clear: both; width: 610px; color: #684f4a; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px #de8e8f solid; background: #ffcfcf url(images/err.gif) no-repeat 10px 14px; padding: 15px 30px; margin: 10px 0; }
.err p {width: 100%; text-align: left; margin-bottom: 5px;}
.succes {float: left; clear: both; width: 610px; color: #4a6546; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px #99de8d solid; background: #d5ffcf url(images/succes.gif) no-repeat 10px 14px; padding: 15px 30px; margin: 10px 0; }
.succes p {width: 100%; text-align: left; margin-bottom: 5px;}

.doc_item {float: left; clear: both; padding: 20px; width: 628px; border: 1px #444 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; margin: 0 0 10px 0; }
.doc_item h2 {color: #438e00; font-size: 16px; width: 100%; text-align: left; margin: 0 0 20px 0;}
.delete_update {font-size: 11px; color: red; }
.doc_text {float: left; clear: both; width: 100%; font-size: 11px; color: #444; }
.doc_media {float: left; clear: both; width: 100%; }
.download_text {color: #438e00; text-decoration: underline; font-weight: bold; }
.comment_case {float: left; clear: left; width: 100%; }
.comment_case h3 {float: left; clear: both; font-size: 14px; border-bottom: 1px #438e00 solid; padding: 3px 0; color: #438e00; text-align: left; width: 100%; }
.comment_item {float: left; clear: both; font-size: 12px; color: #444; margin: 0 0 15px 0;}
.comment_date {font-weight: bold; clear: both; float: left; width: 100%; }
.comment_text {font-weight: normal; clear: both; float: left; width: 100%; text-align: left; }

.types {float: left; clear: both; padding: 10px 20px; width: 628px; border: 1px #444 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff;}
.types li {float: left; padding: 0 30px 0 0; }
.types li a {color: #333; font-size: 12px; text-decoration: none; }
.types li a:hover, .types li a#current_type {text-decoration: underline; }
.types li a#current_type {font-weight: bold; }