﻿

div.header
{
	text-align: left;
	background: transparent url(../images/page-menu-bg.png) repeat-x scroll left top;
	height: 34px;
	margin: 0;
}

div.pageTitle
{
	height: 34px;
	border-top: none;
	border-bottom: none;
	line-height: 34px;
	color: #ffffff;
	background: url(../images/page-title-bg.png) top left no-repeat;
	display: inline-block;
	margin: 0;
	padding: 0px 0px 0px 15px;
	float: left;
}

div.pageTitle h1, div.pageTitle h2
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	color: #ffffff;
	background: url(../images/page-title-bg.png) top right no-repeat;
	display: inline-block;
	margin: 0;
	padding: 0px 32px 0px 0px;
	float: left;
	text-transform: uppercase;
}

div.pageTitle h2
{
	margin-left: -25px;
}

div.contentShadow
{
	border: solid 1px #dddddd;
	border-bottom: none;
	border-top: none;
	padding: 0 1px;
	background: #b8b8b8;
}

div.contentBackground
{
	background-color: #ffffff;
	border-bottom: none;
}

div.content
{
	padding: 10px 10px 10px 10px;
}

div.contentHeader
{
	background: url(../images/page-content-header-bg.png) top left no-repeat;
	text-align: left;
	height: 23px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0 0 0 13px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
	color: #555555;
	letter-spacing: 0.2px;
}

a.button
{
	display: inline;
	*display: inline-block;
	color: #545454;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	padding: 5px 13px 8px 10px;
	*padding: 5px 13px 2px 10px;
	position: relative;
	overflow: hidden;
	background: url(../images/big-button.gif) bottom left no-repeat;
	line-height: 14px;
	text-transform: uppercase;
}

body.fixed a.button
{
	display: inline;
	*display: inline-block;
	color: #545454;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	padding: 5px 13px 8px 10px;
	*padding: 5px 13px 2px 10px;
	position: relative;
	overflow: hidden;
	background: url(../images/big-button.gif) bottom left no-repeat;
	line-height: 14px;
	text-transform: uppercase;
	text-decoration: none;
}


span.buttonEnd
{
	height: 25px;
	background: #ffffff url(../images/big-button.gif) bottom right no-repeat;
	width: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.upload
{
	background-position: 0 -561px;
}

.delete
{
	background-position: 0px -481px;
}

.add
{ 
	background-position: 0px -625px;
}

.edit { background-position: 0px -641px; }

div.bannerFrame
{
	padding: 10px;
	border: solid 1px #CCCCCC;
	text-align: center;
}

td.infoLabel
{
	font-weight: bold;
	border-bottom: solid 1px #F0F0F0;
	padding: 3px 15px 3px 3px;
}
td.infoValue
{
	background-color: #F0F0F0;
	border: solid 3px #FFFFFF;
	border-left: none;
	border-bottom: none;
	text-align: right;
	padding: 3px 3px 3px 15px;
}

.alignRight
{
	text-align: right;
}

.alignCenter
{
	text-align: center;
}

div.footer
{
	color: #7f7f7f;
	font-size: 9px;
	background: url(../images/page-footer-bg.png) 0px 0px repeat-x !important;
	float: left;
	width: 100%;
}

div.footerLeft
{
	background: url(../images/page-footer-corner-left.png) top left no-repeat;
	padding: 16px 0 5px 8px;
	float: left;
}
div.footerRight
{
	background: url(../images/page-footer-corner-right.png) top right no-repeat;
	padding: 16px 8px 5px 0;
	float: right;
}

.separator
{
	color: #7f7f7f;
	font-size: 10px;
	padding: 0 5px;
	vertical-align: middle;	
}

div.clear
{
	height: 1px !important;
	display: block !important;
	line-height: 1px !important;
	font-size: 1px !important;
	clear: both !important;
	visibility: hidden !important;
}

div.iframe
{
	width: 100%;
	height: 500px;
	border: solid 1px #DDDDDD;	
}

img.logo
{
	border: none;
	margin: 5px;	
}

a.logo
{
	border: none;
	text-decoration: none;	
}

span.noData
{
	font-weight: bold;
	padding-left: 10px;
	text-decoration: undeline;
	color: Red;	
}

div.infoMessage
{
	background: #e6f6ff url(../images/info.png) 10px center no-repeat;
	border-top: solid 1px #aae3ff;
	border-bottom: solid 1px #aae3ff;
	margin: 0px 10px 10px 10px;
	padding: 5px 5px 5px 40px;	
}

ol.instructions
{
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding-left: 20px;
}

ol.instructions li
{
    list-style-type: decimal;
    list-style-position: inside;
}

ul.bulletedList
{
    list-style-type: disc;
    list-style-position: inside;
}

ol.numberedList
{
    list-style-type: decimal;
    list-style-position: inside;
}

span.notes
{
    font-size: 10px;
    margin-bottom: 20px;
}

table.rmInstructions
{
    width : 100%;
    border-color: #cecece;
    border-width: 1px;
}

table.rmInstructions tr.alternate
{
    
}

table.rmInstructions td
{
    border-style: solid;
    border-width: 1px;
	padding: 4px;
	border-color: #cecece;
	white-space: nowrap;
}

table.rmInstructions tr.alternate td
{
    background: #F0F0F0;
}

div.userManualLink
{
	float: right;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	background: transparent url(../images/pdf.gif) no-repeat left center;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

div.userManualLink a
{
	text-decoration: none;
	color: #999999;
	cursor: pointer;
}

div.userManualLink a span
{
	display: -moz-inline-block;
	display: inline-block;
	margin-left: 20px;
	cursor: pointer;	
}


a, a:visited, a:active, a:hover
{
	color: #333333;
	text-decoration: none;
}

div.infoMessage a {
	color: #0095bd;
	font-size: 11px;
	text-deocration: underline;
	line-height: 1.5;
}
div.infoMessage a:hover {
	text-decoration: none;
}

div.bigMessage
{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: red;
	padding: 30px;
}

div.center
{
	text-align: center;
	padding: 0 0 30px 0;	
}

h1
{
    margin-top: 25px;
}

div.codeExamples h6
{
    margin-top: 20px;
}

div.prevent
{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color:#F0F0F0;
	z-index: 3999; 
	opacity: 0.4; 
	filter: alpha(opacity = 1)
}
