body{
    /*background: #1C1C1C;*/
    background: url(../images/17.png);
    font-family: Arial, sans-serif;
    color: #646464;
}

.left-margin, .mention {
    margin-left: 19px;
}

#error_holder, #val_holder {
	background-color: #ffd5dd;	
	-moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
    color: #ff0000; 
    padding-left: 5px;
    font-weight: bold;
    font-size: 11px;
    margin: 20px;     
}

a {
	color: #646464;
}

ol li a.ccl {
    color: #646464;
}

.top-black-bar {
    background: #393939;
    width: 100%;
    height: 30px;
}

#container{
    width: 940px;
    margin: 0 auto 0 auto;
    /*border: 1px solid #E01A22;*/    
    background: #fff;
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
}

.rounded { 
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
}

#login-container {
    width: 350px;
    margin: 30px auto 40px auto;
}

#form-two-columns {
    width: 520px;
    margin: 5px 0 20px 10px;
    /*border: 1px solid #000;*/
    float: left;
}

#notes-wrapper {
    width: 400px;
    margin: 5px 0 20px 10px;
    float: right;
}

#logo-holder {
    width: 940px;
    background: #393939;
    height: 180px;
}

.logo {
    width: 317px;
    height: 100px;
    margin: 0 auto;
    padding-top: 10px;
    background: #393939;
}

#login-container .field, #form-two-columns .field{ 
    color: rgb(150,150,150);
	background-color: rgb(255,255,255);
	font-size:11px;
	border:1px solid #bdc0cb;
	padding:8px;
	margin-bottom:15px;
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0px 1px 2px rgba(0,0,0,0.2); 
}

#login-container label, #form-two-columns label, #notes-wrapper label {
    float: left;
	width: 110px;
    font-weight: bold;
}

.login-field {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.submit {
    color: #fff;
    border: 0;
    cursor: pointer;
    background: #0073b2;
    padding: 14px 10px 13px 10px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 0 170px;
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
}

.search {
    color: #fff;
    border: 0;
    cursor: pointer;
    background: #0073b2;
    padding: 8px 5px 8px 5px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
}

.add_notes, .save_notes {
    color: #fff;
    border: 0;
    cursor: pointer;
    background: #0073b2;
    padding: 10px 10px 13px 10px;
    font-size: 13px;
    text-transform: uppercase;
    /*margin: 0 0 0 170px;*/
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
    float: right;
}

#data-list-holder {
    width: 940px;
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
    margin: 10px auto 10px auto;
    border: 1px solid #ddd;
}

#complaint-category-table {
    width: 330px;
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;
    margin: 10px 0 10px 10px;
    border: 1px solid #ddd;
}

#notes-listing { 
    width: 900px;
    margin: 15px 20px 15px 20px;
    float: left;
}

/*#data-list-holder #data-list-header, #data-list-holder #data-list-rows {
    margin: 10px;
}*/

#data-list-header {
    background: #efefef;
    width: 940px;
}

#complaint-category-table-header {
    background: #efefef;
    width: 330px;
}

#data-list-header .col-h-110, #complaint-category-table-header .col-h-110 {
    font-weight: bold;
    width: 110px;
    float: left;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

#data-list-header .col-h-100, #complaint-category-table-header .col-h-100 {
    font-weight: bold;
    width: 100px;
    float: left;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

#data-list-header .action, #complaint-category-table-header .action {
    font-weight: bold;
    width: 60px;
    float: left;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

#data-list-rows .action {
    width: 60px;
    float: left;
    padding: 7px 0 7px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

#data-list-header .col-h-200, #complaint-category-table-header .col-h-200 {
    font-weight: bold;
    width: 200px;
    float: left;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

#data-list-rows .col-110 {
    width: 110px;
    float: left;
    padding: 7px 10px;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

#data-list-rows .col-100 {
    width: 100px;
    float: left;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

#data-list-rows .col-200 {
    width: 200px;
    float: left;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

.pending, .being-processed, .resolved, .unresolved {
    font-weight: bold;
    font-size: 10px;
    width: 10px;
    -moz-border-radius: 5px; 
    -web-border-radius: 5px;
    border-radius:  5px;  
    padding: 1px 0 1px 2px;  
    float: left;
}

.pending {
    background: #FCC965;
    width: 100px;
}

.being_processed {
    background: #ff0000;
    width: 100px;
}

#footer {
    clear: both;
    background: #393939;
    width: 920px;
    height: 40px;
    padding: 20px 10px 0 10px;
    color: #fff;
    margin: 10px 0 0 0;
}

.credits {
    float: right;
    width: 500px;
    text-align: right;
}

.copyright {
    width: 200px;
    float: left;
}

.even {
    background: #fcfcfc;
}

.odd {
    background: #f9f9f9;
}

.even, .odd {
    height: 100%;
}

.errors {
    color: #ff0000;
    font-size: 11px;
    font-weight: bold;
}

#logged-in {
    float: right;
    font-size: 13px;
    margin: 10px 10px 0 0;
}

/*
navigation
*/

.no-js nav li:hover ul { display:block; }

nav { 
    display:block; 
    margin:0 auto 10px; 
    border:1px solid #222; 
    position:relative; 
    background-color:#393939; /*6a6a6a*/
    font:13px Tahoma, Sans-serif; 
}

nav ul { 
    padding:0; 
    margin:0; 
}
  
nav li { 
    position:relative; 
    float:left; 
    list-style-type:none; 
}  

nav ul:after { 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
}
  
nav li a.ccl { 
    display:block; 
    padding:10px 10px; 
    border-left:1px solid #999; 
    border-right:1px solid #222; 
    color:#eee; 
    text-decoration:none; 
}
  
nav li a.ccl:focus { 
    outline:none; 
    text-decoration:underline; 
}
  
nav li:first-child a.ccl { 
    border-left:none; 
}
  
nav li.last a.ccl { 
    border-right:none; 
}
  
nav a.ccl span { 
    display:block; 
    float:right; 
    margin-left:5px; 
}
  
nav ul ul { 
    display:none; 
    width:100%; 
    position:absolute; 
    left:0; 
    background:#393939; 
}
  
nav ul ul li { 
    float:none; 
}
  
nav ul ul a.ccl { 
    padding:3px 10px; 
    border-left:none; 
    border-right:none; 
    font-size:13px; 
}
  
nav ul ul a.ccl:hover { 
    background-color:#555; 
}

/*
.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }  
.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }  
.boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }  
.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }  
.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-rightright-radius:4px; border-bottom-left-radius:4px; border-bottom-rightright-radius:4px; }  
.boxshadow.rgba nav ul ul { background-color:rgba(0,0,0,0.8); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }  
.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }  
.rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9); }  
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-rightright-radius:4px; border-bottom-left-radius:4px; border-bottom-rightright-radius:4px; }  
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }

.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }  
.no-borderradius nav ul, .no-js nav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; }  
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; }  
.no-borderradius nav li, .no-js nav li { height:44px; }  
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }  
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }  
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(../fallback/navLeft.gif) no-repeat 0 0; }  
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; }  
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; }  
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; }  
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }  
.no-rgba nav ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; }  
.no-csstransforms ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(../fallback/indicator.png) no-repeat 0 0; }  
.no-borderradius ul ul li.last { margin-bottom:10px; }  
.no-cssgradients.boxshadow nav { box-shadow:none; }
*/

#search_container { 
    width: 500px;    
    clear: both; 
    margin: 20px 0 20px 10px;   
    /*border: 1px solid #000; */
}

#search_container .left { 
    width: 220px; 
    float: left;
    margin-left: 10px; 
}

#search_container .right { 
    width: 220px; 
    float: right;  
}	

#search_container .left-only { 
    width: 480px; 
    float: left;
    margin-left: 10px; 
}

#search_container .field { 
    color: rgb(150,150,150);
	background-color: rgb(255,255,255);
	font-size:12px;
	border:1px solid #bdc0cb;
	padding:5px;
	margin-bottom:15px;
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0px 1px 2px rgba(0,0,0,0.2) 
}

#search_container label {
    float: left;
	width: 200px;
}

/*.row { width: 480px; }*/

/* -----------pagination ----------- */

#pagination {
    text-align: center;
    padding: 10px 0 10px 0;
    margin: 10px auot 10px auto;
}

#pagination a, #pagination strong {
    background: #e3e3e3;
    padding: 4px 7px;
    text-decoration: none;
    border: 1px solid #cac9c9;
    color: #292929;
    font-size: 10px;
}

#pagination strong, #pagination a:hover {
    font-weight: normal;
    background: #cac9c9;
}

ul.full-table {   
    margin: 0 0 0 20px;    
}

ul.full-table-forward {   
    margin: 0 0 0 20px;    
}

.full-table-forward li {
    list-style: none;
    float: left;
    padding: 7px 10px; 
    margin: 0 0 0 810px   
}

.full-table li {
    list-style: none;
    float: left;
    padding: 7px 10px;    
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
}

.full-table li.column-header {
    font-weight: bold;
    float: left;
    font-size: 14px;   
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid #ddd;
    border-left: 0;
    background: #efefef;
}

.full-table li:first-child {
    clear: left;
    border-left: 1px solid #ddd;
}

.full-table li.row-even {
    background: #fcfcfc;
}

.full-table li.row-odd {
    background: #f9f9f9;
}

span {
	color: red;
}

#maintain {
	text-align: center;
}