﻿/* page style overrides */

h1 {
   margin-bottom:30px; 
}

address {
	margin-left:5em;
	margin-bottom:1em;
	font-style:normal;
}

/* for rad strips */
.tabstrip ul li { background: none !important; margin: 0 !important; padding: 0;}

/* new layout elements specific to the forms */
#center_outer_wrapper {
    text-align:center;
    margin:auto;
}
#center_inner_wrapper {
    text-align:left;
    width:800px;
    margin:auto;
}

/* form element classes */
.radiobuttonlist, .checkboxlist {
    margin-bottom:1em;
}
.custom_validator {
	color:red;
}
.validationSummary {
    border: 1px solid #cc3333;
    background:red;
    color:#fff;
    padding:0px;
    margin:0px;
    font-weight:bold;
    text-indent:3px;
    position:relative;
}
.validationSummary ul {
    background:#fff;
    padding:10px;  
    margin:0px;
}
.validationSummary li {
    color:#ff0000;
    font-weight:normal;
}
.multiline {
	width:650px;
	height:8em;	
}
.submit_button {
	height:30px;
	padding:0px 10px;
	font-size:1.1em;
}

/* GridView table style */
.GridView {
    border:1px solid #666;
    margin:0.5em 0 ;
    line-height: 1em;
	font-size: 1em;
}
.GridView caption {
    text-align:left;
    font-weight:bold;
    font-size:14px;
}
.GridView td, .GridView th {
    border:1px solid #ccc !important;
    padding:5px;
}
.GridView th {
    padding:5px 10px;
    border-bottom:2px solid #000;
    background:#eee;
    color:#333;
}
.GridView th a {
    color:#333;
}
.GridView .odd td {
    background: #f9f9f9;
}

/* formview table style */
.formtable {
    color: #333;
    margin-bottom:1em;
}
.formtable tr td  {
    padding: 5px;
    background: #f9f9f9;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.formtable tr.odd td {
    background: #fff;
    border:0;
}
.formtable tr th {
    color:#333 !important;
}

.marginadjust
{
	margin:10px !important;	
}

/* formview table style */
.tablezebra 
{
	width:890px;
    color: #333;
    margin-bottom:1em;
    border-collapse:collapse;
    font-size:1em;
}
.tablezebra tr td  {
    padding: 5px;
    background: #f9f9f9;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.tablezebra .odd td {
    background: #fff;
    border:0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.tablezebra caption {
    text-align:left;
    font-weight:bold;
    text-transform:uppercase;
    color:#999;
    margin-bottom:0.5em;
}
.tablezebra tr td td, .tablezebra .odd td td {
    padding:0 !important;
    margin:0 !important;
    background:0 !important;
    border:0 !important;
}
.tablezebra tr td td, .tablezebra .odd td td {
    padding:0 !important;
    margin:0 !important;
    background:0 !important;
    border:0 !important;
}
.tablezebra input[type=text] {
    width:20em;
}

.tablezebra input[type=text], .tablezebra select, .tablezebra textarea {
    font-size:inherit;   
    border:1px solid #c0c0c0;
    margin:0 0 3px 0;
}
.tablezebra input[type=text] {
    height:1.5em;
    line-height:1.3em;
    padding:2px 4px 2px 1px;
}
.tablezebra input:focus, .tablezebra select:focus, .tablezebra textarea:focus {
    border-color:#0d8ed0;
}
.tablezebra th {
    padding:15px 0 3px 0;
    text-align:left;
    font-size:1.3em;
    color:#666;

    font-weight:normal;
}

/* export sections */
.export {
    padding:10px;
    border:1px solid #ccc;
    background:#eee;   
}
	
/* thumbnail images */
.thumbnail_wrapper {
	text-align:center;	
	float:left;
	margin:0 10px 18px 10px;
	border:1px solid #ccc;
	padding:11px;
	background:#efefef;
}
.thumbnail_wrapper a {
	display:block;
	margin-bottom:12px;
}
.thumbnail_wrapper img {
	border:1px solid #999;
}

/* required field valditor classes */
.reqMsg {
    display:none;   
}
.req {
    color:Red;
    padding:3px;   
    font-size:16px;
    font-family:Arial;
}

/* depricated but still used */
.label_right {
    display:block;
    padding-right:5px;   
}


/* scriptaculous validation styles */
/*
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
*/
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
/*
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
*/

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}



/* navigation tabs */
ul.tabs, .tabs ul {
    margin:25px 0 0 0 !important;
    padding:0 !important;
    list-style:none !important;
    position:relative !important;
    font-size:12px !important;
    height:31px;
    display:block;
}

.tabs li {
    float:left !important;
    white-space:nowrap  !important;
    
    margin:0 !important;
    padding:0 !important;  
    
    margin-bottom:-4px !important;
    margin-top:1px !important;
    
    background:#fff url(images/navtab_gradient2.gif) 0 1px !important;

    border:0;
}
.tabs li a {
    display:block !important;
    color:#000;
    text-decoration:none;
    border:0 !important;
    margin:0 !important;
}
.tabs li span {
    display:block;
    padding:3px 7px 2px 12px;
    margin-top:3px;
    background:url(images/navtab2.gif);
    border-right:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
}
.tabs li a:hover span, .tabs .selected span {
    background-color:#fff;
    margin:0;
    padding-bottom:5px;
    border-bottom:0px solid #fff !important;
}

.tabs li span span {
    background:none !important;  
    border:0 !important;
    padding:0!important;
    margin:0!important; 
}


/*
validation 

th {
    font-weight:normal;
    text-align:left;
}
th h2 {
    font-size:1.2em;
    color:#333;
    margin:1em 0 0 0 ;
    border-bottom:1px solid #eee;
    margin-bottom:-1px;
}

.tableinfo {
    border-collapse:collapse;
    border:1px solid #ccc !important;
    margin-bottom:1em;
}
.tableinfo tr {
    margin:0;
    padding:0;
}   
.tableinfo td {
    border:1px solid #ccc  !important;   
    padding:2px 7px !important;
    background:#fff  !important;
    color:#444;
}


.validation_summary ul {
    display:none;
}
*/

.validation_error td, .validation_summary {
    border-color:#cc0000;
    background:url(validation/error_background.jpg) red !important;
}
.validation_error input, .validation_error select, .validation_error textarea, .validation_error_input {
    border:1px solid #cc0000;   
}
.validation_error span, .validation_error_span {
    font-weight:bold;
    color:#cc0000 !important;
}



.required_indicator {
    color:maroon;
    font:bold 1em Georgia;
}

.textarea {
    height:6em; width:32em;   
}


.export_link {
    background:#eee url(../_css/icons/table.gif) no-repeat 9px 9px;
    padding:7px 12px 7px 30px;
    white-space: nowrap;
    display:inline-block;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}





.inline_delete {
    background: url(../_css/icons/delete.png) no-repeat left;
    padding-left:20px;
}

.inline_restore {
    background: url(../_css/icons/arrow_undo.png) no-repeat left;
    padding-left:20px;
}

.custom_validator {
    display:inline;
}
