
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 HTML TAGS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

p, li {
	font-size:.75em;
	line-height:160%;
	}
	
a img {
	border:none;
	}

/* HEADINGS */
	
h1,h2,h3,h4,h5,h6 {
	margin:15px 0;
	font-family:"trebuchet MS", verdana, sans-serif;
	color:#e99400;
	}

.content-left h1, .content-right h1,
.content-left h2, .content-right h2,
.content-left h3, .content-right h3,
.content-left h4, .content-right h4,
.content-left h5, .content-right h5,
.content-left h6, .content-right h6 {
	color:#000;
	margin:5px 0;
	}
	
h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first {
	margin-top:0;
	}
	
h1 {
	font-size:1.2em;
	}
	
h2 {
	font-size:1em;
	}
	
h3 {
	font-size:.9em;
	}
	
h4 {
	font-size:.8em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.8em;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FORMS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

fieldset {
	padding:10px 20px;
	margin:15px 0;
	position:relative;
	}

fieldset fieldset {
	margin:10px 0;
	width:90%;
	}
	
legend {
	font-weight:bold;
	font-size:1em;
	padding:10px;
	color:#000;
	margin:0 0 10px 30px;
	font-family:"trebuchet MS", verdana, sans-serif;
	}

fieldset fieldset legend {
	font-size:.8em;
	}
	
.input-box {
	margin-bottom:5px;
	vertical-align:top;
	padding:2px;
	color:#666666;
	font-size:.8em;
	border:1px solid #82b26e;
	background:url(../images/bg-input.png) no-repeat;
	}
	
.left-box {
	float:left;
	padding-right:4px;
	}

.small-box {
	width:4em;
	}

.large-box {
	width:24em;
	}

label {
	font-weight:bold;
	font-size:.7em;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	}

.checkbox {
	margin-top:20px;
	}

.checkbox label {	
	display:inline;
	}

.optionlist label {	
	display:inline;
	font-size:.8em;
	}

.forgot-password {
	margin:2px 0;
	font-size:.65em;
	}
	
input.button {
	color:#FFF;
	background:#317f0c url(../images/bg-button.png) repeat-x;
	border:2px groove #FFF;
	font-size: x-small;
	font-weight:bold;
	padding:0 5px 2px 5px;
	cursor:pointer;
	}
	
input.button-big {
	padding:6px 20px;
	}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LINKS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link {
	color:#33840c;
	text-decoration:underline;
	}

a:visited {
	color:#72840c;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

a:active {
	text-decoration:underline;
	color:#86c400;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 HEADER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header-container {
	position:relative;
	padding:6px 0 0 0;
	background:#AE3F38;
	color:#FFF;
	border-bottom:1px dotted #585858;
	min-height:1px;
	_height:1px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LOGIN
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nav-login  {
	font-size:.8em;
	text-align:right;
	margin:0 0 0 15px;
	float:right;
	}

/* LOGIN LINKS */

.nav-login a:link,
.nav-login a:visited{
	font-size:0.75em;
	text-decoration:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 NEWS BUCKET
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-bucket {
	margin-bottom:20px;
	line-height:normal;
	}

/* NEWS BUCKET LISTS */

.news-bucket ul {
	margin:0;
	padding:0;
	_height:1px;
	}

.news-bucket li {
	border-bottom:1px dotted #7a7a7a;
	background:none;
	padding-left:10px;
	}

.news-bucket li.first {
	padding-left:0;
	font-weight:bold;
	}
	
/* SIDE BUCKET LINKS */

.news-bucket a:link,
.news-bucket a:visited {
	text-decoration:none;
	display:block;
	_display:inline;
	}
	
.news-bucket a:hover {
	text-decoration:underline;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MAIN NAV
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nav-main {
	margin:-45px 0 0 199px;
	padding:15px 15px 0 15px;
	background:#f6f6f6;
	min-height:28px;
	_height:28px;
	border-top:1px dotted #7a7a7a;
	border-bottom:1px dotted #7a7a7a;
	border-left:1px dotted #7a7a7a;
	}

/* MAIN NAV LISTS */

.nav-main ul {
	margin:0;
	padding:0;
	}

.nav-main li {
	list-style:none;
	float:left;
	background:none;
	padding:0;
	}

.nav-main li a {
	display:block;
	padding:0 10px;
	border-right:1px dotted #d2d2d2;
	}

.nav-main li.first a {
	padding-left:0;
	}
	
/* NAV MAIN LINKS */

.nav-main a:link,
.nav-main a:visited {
	color:#33840c;
	text-decoration:none;
	}

.nav-main .active a:link,
.nav-main .active a:visited {
	color:#000;
	}

.nav-main a:hover {
	text-decoration:underline;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FOOTER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer {
	padding:10px 0;
	_height:1px;
	background:#373737;
	clear:both;
	}

.nav-footer {
	position:relative;
	_height:1px;
	/*margin:0 60px 0 0;*/
	text-align:center;
	clear:both;
	}

.nav-footer ul{
	padding:0;
	margin:0;
	text-align:center;
	}

.nav-footer li{
	background:none;
	display:inline;
	border-right:1px dotted #686868;
	padding:0 10px;
	}

.nav-footer li.first {
	border-left:1px dotted #686868;
	}
	
.copyright {
	color:#CCC;
	clear:both;
	margin:5px 0 0 0;
	}

.company {
	color:#999;
	font-size:.7em;
	clear:both;
	margin:5px 0 0 0;
	}

.nav-footer a:link,
.nav-footer a:visited {
	color:#CCC;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 POSTER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.poster-container-no-image {
	min-height:135px;
	_height:135px;
	}

.logo {
	float:left;
	}

.poster-inner {
	background:url(../images/HeaderCenter.jpg) repeat-x left top;
	min-height:93px;
	_height:93px;
	}

.poster-inner .nav-login {
	position:absolute;
	right:134px;
	top:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 BREADCRUMB
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadcrumb {
	min-height:1px;
	_height:1px;
	font-size:.7em;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PRIMARY LAYOUT STYLES 
	 	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
.content-container {
	position:relative;
	_height:1px;
	min-height:1px;
	background:url(../images/bg-column-left.png) repeat-y;
	}

.content-container-inner {
	background:url(../images/bg-column-right.png) repeat-y right;
	_height:1px;
	min-height:1px;
	padding:0 260px 0 200px;
	position:relative;
	}
	
.content-main {
	padding:15px 2% 20px 2%;
	position:relative;
	min-height:1px;
	_height:1px;
	float:left;
	width:96%;
	}

.content-left {
	padding:20px 10px;
	float:left;
	width:180px;
	margin-top:-1px;
	position:relative;
	margin-left:-100%;
	right:200px;
	_left:200px;
	border-top:1px dotted #797979;
	}

.content-right {
	padding:15px 10px 20px 10px;
	float:left;
	width:240px;
	position:relative;
	margin-right:-260px;
	}

.ads {
	text-align:center;
	margin:20px 0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SIDE BUCKET
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.side-bucket {
	margin-bottom:20px;
	line-height:normal;
	}

/* SIDE BUCKET LISTS */

.side-bucket ul {
	margin:0;
	padding:0;
	_height:1px;
	}

.side-bucket li {
	list-style:none;
	border-bottom:1px dotted #7a7a7a;
	background-position:0 4px;
	}

.side-bucket li.first {
	border-top:1px dotted #7a7a7a;
	}
	
/* SIDE BUCKET LINKS */

.side-bucket a:link,
.side-bucket a:visited {
	text-decoration:none;
	display:block;
	_display:inline;
	}
	
.side-bucket a:hover {
	text-decoration:underline;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PHOTOS & CAPTIONS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.photo-container {
	padding:10px;
	border:1px dotted #7a7a7a;
	}

.photo-container img {
	display:block;
	border:1px solid #666;
	}
	
.photo-content {
	}
	
.photo-caption {
	font-size:.7em;
	padding:10px 10px 0 10px;
	text-align:center;
	color:#999;
	font-style:italic
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 THREE-COLUMN SECTION
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.three-column-container {
	margin:10px 0px;
	}

.three-column-left,
.three-column-right,
.three-column-middle {
	float:left;
	width:30%;
	margin-right:5%;
	}

.three-column-right {
	margin-right:0;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DATA TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.data-table {
	background:#f6f6f6;
	font-size:.7em;
	border-top:1px dotted #7a7a7a;
	border-left:1px dotted #7a7a7a;
	}

table.data-table caption{
	background:#b6b6b6;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:1px dotted #7a7a7a;
	border-bottom:none;
	}

table.data-table td,
table.data-table th{
	padding:8px;
	border-right:1px dotted #7a7a7a;
	border-bottom:1px dotted #7a7a7a;
	}

table.data-table th{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#ececec;
	}
	
table.data-table td{
	}

table.data-table tr.row-alternating td{
	background:#e0e0e0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LISTS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

li {
	list-style:none;
	background:url(../images/bullet.png) no-repeat 0 5px;
	padding:3px 0 3px 17px;
	}

.steps ul li {
	background:none;
	}

.steps ul li img {
	vertical-align:bottom;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MISC STYLES
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.none {
	display:none;
	}

.clear {
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
	}

.align-left {
	float:left;
	margin:0 20px 15px 0;
	}

.align-right {
	float:right;
	margin:0 0 15px 20px;
	}

.align-middle {
	vertical-align:middle;
	}
	
.inline {
	display:inline;
	}

.no-margin {
	margin:0;
	}
	
.error {
	font-size:.75em;
	color:Red;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SHOWCASE STYLES
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

dl
{
    font-size:.75em;
	margin-left:4em;
	padding-left:1em;
	border-left:solid 1px #e99400;
}
dt
{
	font-weight:bold;
	font-style:italic;
}
dd
{
	margin-left:0;
	margin-bottom:1em;
}
.boxpager
{
    font-size:.85em;
}
.boxlist li
{
    list-style: none;
    background: none;
    padding: 0;
    width: 120px;
    display: inline;
    float: left;
    text-align: center;
}
.boxlist2
{
	padding: 0;
}
.boxlist2 .label
{
	display:block;
	padding-left:2em;
	width:5em;
	float:left;
}
.boxlist2_local
{
    list-style: none;
    background: url(../images/bg-poster-tile-light.jpg) repeat-x bottom;
    border: solid 2px #dddddd;
    padding: 10px;
    margin: 10px;
}
.boxlist2_remote
{
    list-style: none;
    background: url(../images/bg-poster-tile.jpg) repeat-x bottom;
    border: solid 2px #dddddd;
    padding: 10px;
    margin: 10px;
}
.loadingbox
{
	position:absolute;
    top:300px;
    width:150px;
}
.processMessage
{  
    position:absolute;  
    z-index:1001; 
    top:30%;  
    left:43%; 
    padding:10px; 
}
.address
{
	margin-left:10px;
}
.commands
{
	width:100%;
	padding-top:6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 BULLETIN BOARD STYLES
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.messagetitle
{
	font-weight: bold;
}
.messageheader
{
	font-size: 85%;
}
.messagetext
{
	border: solid 1pt #a0a0a0;
	margin-bottom: 6px;
	padding: 4px;
	background-color: White;
}
.messagetext li
{
	background-image: none;
	list-style: disc outside none;
	font-size: 1em;
	padding: 0;
}
.messageaction
{
	text-align: right;
}

/* this to reset site styles within HTML messages 

.messagetext *
{ 
	position: static !important; 
	z-index: auto !important; 
	color: #000 !important; 
	background: transparent none repeat scroll 0 0 !important; 

	float: none !important; 
	clear: none !important; 

	padding: 0 !important; 
	margin: 0 !important; 
	border: 0 solid #000 !important; 

	min-height: 0 !important; 
	max-height: none !important; 
	height: auto !important; 

	min-width: 0 !important; 
	max-width: none !important; 
	width: auto !important; 

	font: normal normal normal 11px/1.5 arial, verdana, sans-serif !important; 
	list-style: disc outside none !important; 
	letter-spacing: normal !important; 
	text-align: left !important; 
	text-decoration: none !important; 
	text-indent: 0 !important; 
	text-transform: none !important; 
	white-space: normal !important; 
	word-spacing: normal !important; 
	vertical-align: baseline !important; 

	unicode-bidi: normal !important; 
	direction: ltr !important; 

	clip: auto !important; 
	overflow: visible !important; 
	visibility: visible !important; 
	outline: invert none medium !important; 

	display: inline !important; 
	cursor: auto !important; 
} 

.messagetext div, 
.messagetext ul, 
.messagetext dl, 
.messagetext dt, 
.messagetext dd, 
.messagetext h2, 
.messagetext h3, 
.messagetext {display: block !important;} 
.messagetext li {display: list-item !important;} 

.messagetext b, 
.messagetext strong {font-weight: bold !important;} 

.messagetext i, 
.messagetext em {font-style: italic !important;} 

.messagetext h2, 
.messagetext h3 {font-weight: bold !important;}
*/