/* CSS Document */

body {
  background-color: #D9D5D4;
}

#outer-container {
  border: 1px solid #A59E82;
  border-top:0;
  position:absolute;
  left:50%;
  margin-left:-488px;
  width:975px;
  background-color:white;
}

#inner-container {
  margin:22px; margin-bottom:40px;
}
#footer {
  background-color: #005D28;
  width:965px; padding:5px; color: #C4D8CD;
  text-align:center;
}

#navbar {
  position:absolute; top:97px; left:30px;
}
#navbar a {
  color:black; 
}

.rightonscreen { float:right; }

.printonly { display:none; }

.button { background-color:#F5DA71; border:1px solid #ADADAD; margin-bottom:2px;}

table.ops_inner td,th{
padding:5px; padding-left:15px;
}

.unread { font-weight:bold; }

thead { font-weight:bold; }

.finalrow td { display:none; }

body {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	
}
body,p,label,div {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.black { color:black;
}

thead { font-weight:bold; }

.floatbox {
  border:1px solid #ADADAD;
  width:340px; padding:5px; margin:5px; float:left;
}
.wide { width:702px; clear:both;}
.notop { border-top:0px; }

.form-row {
  padding:5px;
}

.form-submit, .submit-row {
  text-align:center; margin-top:10px;
}

.form-error, .form_error {
  color:red; padding:3px;
  text-align:center; margin-left:20px;
}

label.float {
  width:320px; float:left; text-align:right; margin-right:10px;
  position:relative;
}
.bold { font-weight:bold; }

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
        margin-top:5px; margin-bottom:10px;
}

h2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
        margin-top:5px; margin-bottom:5px;
}

.subnavbox {
  padding:4px; margin:4px; background-color:#efefef; border:1px solid gray; float:left;
width:80px; text-align:center; 
}
.subnavbox a { color:black;
 }

.green { background-color:#F5DA71; }

.highlight { border:1px solid red; }

.arrow {
  margin-top:4px; float:left; width:17px; height:28px; background-image:url('/images/arrow.gif'); margin-left:-3px; margin-right:-2px;
}

.noborder { border:1px solid white; }

.justify {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
}


.mainscroll {
	overflow: auto;
	height: 340px;
	width: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
		padding-right: 10px;

}

.mainscroll2 {
	overflow: auto;
	height: 100px;
	width: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	padding-right: 20px;
}


.justify-home {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: justify;
	font-style: normal;

}

.center {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
}

.center-bot {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

.right {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: right;
}

.right-grey {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: right;
}

.left {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.left-red {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	text-align: left;
}

.left-bot {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

.left-white {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}

.bottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
}

.heading {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: left;
	text-indent: 2pt;
	font-weight: lighter;


}

.heading-white {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
}

.sub-heading {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
}

.sub-heading-center {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
}

.sub-heading-white {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}

.list {
	list-style-image: url(images/bullet.gif);
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	left: auto;
	text-indent: -10pt;


	}

A.body-link:link {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px;}
A.body-link:visited {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px;}
A.body-link:active {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px;}
A.bot-link:hover {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px; text-decoration:none}

A.body-link-c:link {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 14px;}
A.body-link-c:visited {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 14px;}
A.body-link-c:active {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 14px;}
A.body-link-c:hover {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 14px; text-decoration:none}

A.home-link:link {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px;}
A.home-link:visited {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px;}
A.home-link:active {color: #000000;font-family: Verdana, Helvetica, san-serif; font-size: 11px;}
A.home-link:hover {color: #FF0000;font-family: Verdana, Helvetica, san-serif; font-size: 11px; text-decoration:none}


A.bot-link:link {color: #666666;font-family: Verdana, Helvetica, san-serif; font-size: 10px; text-decoration:none}
A.bot-link:visited {color: #666666;font-family: Verdana, Helvetica, san-serif; font-size: 10px; text-decoration:none}
A.bot-link:active {color: #666666;font-family: Verdana, Helvetica, san-serif; font-size: 10px; text-decoration:none}
A.bot-link:hover {color: #666666;font-family: Verdana, Helvetica, san-serif; font-size: 10px; text-decoration:none}


textarea { 
 font-family: Verdana, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #000000;
}

select {
 font-family: Verdana, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #000000;
}

.table-border2 {
	border-top: 1px solid #B2AF97;
	border-right: 1px solid #B2AF97;
	border-bottom: 1px solid #B2AF97;
	border-left: 1px solid #B2AF97;

}



.table-border1 {
	border-top: 1px solid #B2AF97;
	border-right: 1px solid #B2AF97;
	border-bottom: 1px solid #B2AF97;
	border-left: 1px solid #B2AF97;

}

.table-border3 {
	border-top: 1px none #B2AF97;
	border-right: 1px solid #B2AF97;
	border-bottom: 1px solid #B2AF97;
	border-left: 1px solid #B2AF97;

}

.bg-image {
	background-image: url(images/home-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-image2 {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs {
        display: none;
    }
}

.padleft {
padding-left:10px;
}
/* Skin */
.tabs {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 10px 0;
    width: 64px;
    height: 18px;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(/images/tab.png) no-repeat;
}
.tabs .tabs-selected a {
    padding-top: 7px;
    color: #000;
}
.tabs .tabs-selected a, .tabs a:hover, .tabs a:focus, .tabs a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs .tabs-disabled a:hover, .tabs .tabs-disabled a:focus, .tabs .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs .tabs-selected a:link, .tabs .tabs-selected a:visited,
.tabs .tabs-disabled a:link, .tabs .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs a:hover, .tabs a:focus, .tabs a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs .tabs-disabled {
    opacity: .4;
}
h3 { font-size:16px; margin:5px; padding:0px; margin-bottom:0px; }
.tab_page {
    position:relative;
    border: 1px solid #97a5b0;
    padding: 5px; padding-bottom:10px;
    /*padding: 1em 8px;*/
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    clear:both;
}
/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

ul.multiline-input {
	margin: 0;
	padding: 0;
}
ul.multiline-input li {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	list-style-type: none;
}

#visuals ul, #visuals li {
	margin: 0; padding: 0;
	list-style-type: none;
}

#visuals .handle {
	cursor: move;
}

#inner-container div.tab {
	padding: 0 5px;
}

#inner-container ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:1px solid #ccc;
	height:20px;
}

#inner-container ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

#inner-container ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:150px;
	font-weight: bold;
	line-height: 20px;
}

#inner-container ul.subsection_tabs li.tab a:hover {
	background-color: #EEE;
}

#inner-container ul.subsection_tabs li.tab a.active {
	background-color:#ddd;
}

form.sms-messages ul,
form.sms-messages li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#property-id {
	display: none;
}

#visuals-sortable .caption {
	cursor: pointer;
}
#visuals-sortable .hover {
	background-color: #FFC;
}

#uploadQueue div.cancel {
	display: none;
}

#upload-progress {
	width: 270px;
	margin: 20px auto;
}
#upload-progress #progress-bar {
	background: url(/xml/images/loading.gif) 0 0 no-repeat;
	width: 220px;
	height: 19px;
	float: left;
}
#upload-progress #progress-pc {
	width: 50px;
	float: right;
}
#pending-email-alerts {
	padding: 5px;
	padding-left: 10px;
	background: #F5DA71;
	border: 1px solid #808080;
	display: inline-block;
	margin-top: 4px;
}
#pending-email-alerts button {
	margin-left: 20px;
}

#fileupload table.files td.progress {
	width: 200px;
}