/* MobiWee Main CSS layout */
/**************** Body and tag styles ****************/
body {
	padding: 5px 0 0 0;
	margin: 0;
	font: .7em Tahoma, Arial, sans-serif;
	line-height: 1.7em;
	background: #fff url(images/bg.gif) repeat-x;
	color: #454545;
}
hr {
	width: 80%;
}
a {
	color: #2F637A;
	background: inherit;
}
a:hover {
	color: #808080;
	background: inherit;
}
p {
	margin: 0 0 5px 0;
}
h1 {
	font: bold 2.2em Arial, Sans-Serif;
	padding: 8px 0 0 0;
	margin: 0;
	letter-spacing: -1px;
}
h2 {
	font: bold 12px Arial, Sans-Serif;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 5px;
}
h2 a {
	color: #000;
	background: inherit;
	text-decoration: none;
}
h1 a {
	color: #000;
	background: inherit;
	text-decoration: none;
}
ul {
	margin: 0;
	padding : 0;
	list-style : none;
}
img {
	border: 0;
}
div.hr {
	height: 15px;
	background: #fff url(images/hr1.png) no-repeat scroll center;
}
div.hr hr {
	display: none;
}
.left {
	float:left;
}
.right {
	float:right;
}
/* odd items 1,3,5,7,... */
table tr.odd th, .odd {
	background: #F0F0F0;
}
/* even items 2,4,6,8,... */
table tr.even th, .even {
	background: #D6D6D6;
}
/* marked table rows */
table tr.marked th, table tr.marked {
	background:   #FFCC99;
	color:   #000000;
}
/* hovered items */
.odd:hover, .even:hover, .hover {
	background: #CCFFCC;
	color: #000000;
}
/* hovered table rows */
table tr.odd:hover th, table tr.even:hover th, table tr.hover th {
	background:   #CCFFCC;
	color:   #000000;
}
/**
 * marks table rows/cells if the db field is in a where condition
 */
tr.condition th, tr.condition td, td.condition, th.condition {
	border: 1px solid #FFCC99;
}
.sectionLabel {
	text-align: center;
	font-weight: bold;
	font-size: small;
	color: #CB8216;
}
.welcomeLabel {
	font-weight: bold;
	font-size: small;
	color: #5288bd;
}
.cntr {
	text-align: center;
}
.inputLong {
	width: 200px;
}
.inputShort {
	width: 35px;
}
.inputLable {
	color: #555;
	text-align: right;
	vertical-align: text-top;
	font-weight: bold;
	vertical-align: top;
}
.msgError {
	font-weight: bold;
	color: red;
	min-height: 25px;
}
.msgOK {
	color: #669900;
	font-weight: bold;
}
.msgNotify {
	background-color: aqua;
	color: black;
}
.bordered {
	border: 1px solid #ccc;
}
.tableHeader {
	background-color: #C7DEE9;
}
.req_input {
	background-color: rgb(255, 255, 160);
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #003366;
	border-style: solid;
	border-width: 1px;
	border-color: #2F637A;
}
.separator {
	border-bottom-style: dotted;
	border-color: #2F637A;
}
.redAlert {
	font-size: small;
	color: red;
}
/* layout */
#content {
	margin: 10px auto;
	width: 960px;
}
#logo {
	margin: 0 0 10px 0;/*background: #fff url(../../images/MWLogo_50.jpg) no-repeat;*/
}
#slogan {
	font-size: 0.9em;
	margin: 0 0 10px 2px;
	padding: 0;
	color: #808080;
	background: #fff;
}
#top_info {
	line-height: 27px;
	float: right;
	color: #808080;
	background: #fff;
	margin: 12px 5px 7px 0;
	text-align: right;
	height: 74px;
}
/* round blue login button */
#loginbutton a {
	text-decoration: none;
	width: 24px;
	padding: 7px 12px;
	margin: 0 0 0 8px;
	height: 28px;
	background: #fff url(images/lb.gif) no-repeat;
	color: #000;
}
#loginbutton a:hover {
	background: #fff url(images/lbhover.gif) no-repeat;
	color: #000;
}
/* main horizontal menu */
#tablist {
	padding: 3px 0;
	margin: 0;
	float: left;
}
#tablist li {
	list-style: none;
	display: inline;
	margin: 0;
}
.left_corner {
	background: #75cad7 url(images/corner_left.gif) no-repeat top left;
}
#tablist li a {
	text-decoration: none;
	padding: 4px 22px;
	margin-right: 2px; /*background: #808080 url(../../images/corner_right.gif) no-repeat top right;*/
	;
	background: #75cad7 url(images/corner_right.gif) no-repeat top right;
	font-weight: bold;
	color: #fff;
}
#tablist li a:hover {
	background: #6495AB url(images/corner_right.gif) no-repeat top right;
	color: #fff;
}
#tablist li a.current {
	background: #9FC7D8 url(images/corner_right.gif) no-repeat top right;
	color: #2F637A;
	padding: 6px 22px;
}
#tablist .key {
	text-decoration: underline;
}
/* main menu topics */
#topics {
	background:url("images/topicsbg.gif") repeat-x scroll left bottom #F3EC90;
clear:both;
color:#ffffff;
height:30px;
margin:0 0 5px;
padding:8px 5px;
width:950px;
}
#topics li a {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 12px;
}
/* main menu search */
#search {
	float: right;
	text-align: right; /*background: url(../../images/searchbg.gif) no-repeat;*/
	;
	color: #000; /*padding: 20px 20px 20px 20px;*/
	;
	min-height: 32px; /* FF height */
	;
	height: 25px; /* IE height */
	;
	width: 270px;
}
#divClientNote {
	font-weight: bold;
	color: red;
	padding: 10px 10px 10px 10px;
	/*margin: 10px 10px 10px 10px;*/
	max-width: 280px;
}
/* search form styling */
form p {
	margin: 0;
	padding: 0;
	line-height: 25px;
}
form {
	margin: 0;
	padding: 0;
	line-height: 25px;
}
.search {
	width: 170px;
	border: 1px solid #357994;
	background: #fff;
	color: #357994;
	padding: 4px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
}
#deviceInfoFS {
	padding: 5px 5px 5px 5px;
}
#deviceInfoFS legend {
	color: #003366;
}
.button {
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #003366;
	background-color: #CCCCFF;
	border-style: solid;
	border-width: 1px;
	border-color: #2F637A;
}
.inputColored {
background-color:#EEEEEE;
border:1px solid #2F637A;
color:#003366;
font-family:Arial,Sans-Serif;
font-size:8pt;
font-style:normal;
font-weight:bold;
margin:4px;
}
.textfield {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: solid 0 #fff;
	padding: 3px 8px;
	background: transparent url("images/textfield_bg.gif") no-repeat;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 187px;
}
p > input.textfield {
	background: transparent url("images/textfield_bg.gif") no-repeat;
}
.textarea {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 3px;
	height: 165px;
	border: solid 0 #fff;
	padding: 0 8px;
	background: transparent url("images/textarea_bg.gif") no-repeat;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
	background-position: top left; /* For IE 7 scrolling */
}
p > textarea {
	background: transparent url("images/textarea_bg.gif") no-repeat;
}
{
 padding-right: 15px;
 position: relative;
}
#files-list ul.holder li.bit-box {
	padding-right: 15px;
	position: relative;
}
ul.holder li.bit-hover {
	background: #BBCEF1;
	border: 1px solid #6D95E0;
}
ul.holder li.bit-box-focus {
	border-color: #598BEC;
	background: #598BEC;
	color: white;
}
ul.holder li.bit-box a.closebutton {
	position: absolute;
	right: 4px;
	top: 5px;
	display: block;
	width: 7px;
	height: 7px;
	font-size: 1px;
	background: url('close.gif');
}
ul.holder li.bit-box a.closebutton:hover {
	background-position: 7px;
}
ul.holder li.bit-box-focus a.closebutton:hover {
	background-position: bottom;
}
ul.holder li.bit-box-focus a.closebutton {
	background-position: bottom;
}
.blankDiv {
	height: 10px;
	min-height: 25px;
}
.searchbtn {
	width: 16px;
	height: 14px;
	background: url("images/searchbtn.gif") no-repeat;
	float: right;
}
.searchinput {
	background: url("images/searchbtn.gif") no-repeat;
	float: left;
}
.msgDesclaimer {
	font-weight: bold;
	color: red;
	height: 35px;
	text-align: center;
}
#imgScreenShot {
}
/*
#divSMS {
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
}*/
#userDevice {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 25px;
}
#userCFTo {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 25px;
}
#userCFWhen {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 25px;
}
#encryptDevice {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 25px;
}
#encryptAdvanced {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 25px;
}
#requestsQ {
	max-height: 300px;
}
.H300 {
	max-height: 300px;
}
.scroll {
	max-height: 300px;
	scrollbar-face-color : #9FC7D8;
	scrollbar-highlight-color : #2F637A;
	scrollbar-3dlight-color : #9FC7D8;
	scrollbar-darkshadow-color : #9FC7D8;
	scrollbar-arrow-color : #2F637A;
	scrollbar-shadow-color : #2F637A;
	scrollbar-track-color: #9FC7D8;
	overflow: auto;
}
#smsContacts {
	height:200px;
max-width:265px;
padding:5px;
}
#divSMSList {
	padding: 5px 10px 5px 10px;
	max-height: 300px;
}
#divContactsList {
	float: left;
}
#divContactsList ul {
	width: 300px;
}
#divContactsList li {
	background-color: #eeeeff;
	border: 1px gray outset;
	margin-bottom: 2px;
}
#divContactsList li label a {
	text-decoration: none;
}
#divCallLogList li label a {
	text-decoration: none;
}
#divServersList {
	float: left;
}
#divServersList ul {
	width: 400px;
}
#divServersList li {
	background-color: #eeeeff;
	border: 1px gray outset;
	margin-bottom: 2px;
}
#divServersList li label a {
	text-decoration: none;
}
#divFilesList {
	float: left;
}
#divFilesList ul {
	width: 250px;
	max-height: 300px;
}
#divFilesList li {
	background-color: #eeeeff;
	border: 1px gray inset;
	margin-bottom: 2px;
	padding-left: 10px;
}
#divFilesList li label a {
	text-decoration: none;
}
#filesOnServer fieldset {
}
#filesOnServer li {
	background-color: #eeeeff;
	border: 1px gray dotted;
	margin-bottom: 2px;
	padding-left: 5px;
}
#filesOnServer li a {
	text-decoration: none;
}
.viewFile {
	float: left;
	background: transparent url('images/file-icon_s.png') no-repeat left;
	width: 16px;
	height: 16px;
}
.delete {
	background: transparent url('images/delete.gif') no-repeat right;
	float: right;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.sync {
	background: transparent url('images/sync.gif') no-repeat right;
	float: right;
	padding-right: 25px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#fileInfo {
	text-align: center;
	max-height: 250px;
	border: 1px aqua dotted;
}
.ffile {
	float: left;
	padding: 5px 10px 5px 10px;
	height: 100px;
	width: 80px;
}
.dFiles {
	border: 1px blue dotted;
}
#contactInfo {
	text-align: center;
	float: left;
	width: 300px;
}
#tblContactInfo {
	width: 100%;
}
#tblContactInfo td {
	vertical-align: text-top;
	border: 1px #00CCFF solid;
}
.formInput {
	text-align: left;
	vertical-align: top;
}
#emailEx {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	min-height: 25px;
}
#userReTypePassword {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 35px;
}
.objVisible {
	visibility: visible;
	display: block;
}
.objHidden {
	visibility: hidden;
	display: none;
}
/* middle side */
#middle {
	margin: 10px auto;
	width: 960px;
}
/*
#boxes {
	width: 98%;
	padding: 0;
	margin: 0;
}
*/
.divServices {
	height: auto;
}
.itembox {
	width: 100%;
	border: 1px navy solid;
	/*margin: 10px 10px 10px 10px;*/
	height: auto;
}
.item {
	float: left;
	margin: 0 5px 0px 5px;
	text-align: center;
	height: auto;
}
.itemlink {
	text-decoration: none;
	cursor: pointer;
	margin: 5px 0 0 0;
	cursor: pointer;
}
.srvcicon_img {
	text-decoration: none;
	margin: 5px 0 0 0;
	text-align: center;
}
.srvcicon_text {
	text-decoration: none;
	text-align: center;
}
/* left side */
#left {
	float: left;
	width: 310px;
	min-height: 300px;
	margin: 0 0 10px 0;
}
.subheader {
	/*
background:url("images/bgshade.gif") repeat-x scroll 0 0 #F4F4F4;
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:solid;
border-width:1px;*/
	color:#808080;
height:60px;
margin:0;
padding:8px 0 0;
width:285px;
}
.sub-left {
	border: 1px solid;
}
.left_articles {
	margin: 0px 0 10px 0;
	background: #fff url(images/bgshade.gif) repeat-x;
	color: #454545;
	padding: 15px 15px 5px 10px;
}
.date {
	font-size: .9em;
	padding: 0 0 0 12px;
	background: #fff url(images/news.gif) no-repeat center left;
	color: #808080;
}
.bigimage {
	float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	width: 200px;
	height: 150px;
	margin: 0 15px 10px 0;
}
.left_box {
	background: #f4f4f4;
	color: #808080;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 15px;
	margin: 0 0 15px 0;
}
.thirds {
	float: left;
	padding: 0 10px 0 15px;
}
.thirds a {
	color:#FFFFFF;
text-decoration:none;
}
.thirds a:hover {
	text-decoration:underline;
}
.infoNote {
	text-align: center;
	font-weight: bold;
	font-size: 13pt;
	color: #946c3f;
}
.showBox2 {
	float: left;
	width: 130px;
	height: 100px;
	padding: 0px 10px 0px 15px;
}
/* right side */
#right {
	float: right;
	width: 635px;
	margin: 0 0 10px 0px;
}
.show_box {
	/*
	background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #CCCCCC;
color:#454545;
	margin:0 0 10px;
	padding:8px;*/
	height:62px;
}
.show_box_left {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
	float: left;
	width: 295px;
	max-width: 295px;
}
.show_box_right {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
	float: right;
	width: 295px;
	max-width: 295px;
}
.show_box_head {
	border: 1px solid #2F637A;
	background-color: #9FC7D8;
	text-align: center;
	text-decoration: none;
	height: 20px;
}
.show_box_body {
	padding: 8px;
}
.blue_box {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
}
.navicon {
	float: right;
}
#idFAQs ol li {
	padding:10px 5px 5px 5px;
}
.divFaqQ {
	cursor:pointer;
	font-weight: bold;
	font-size: 10pt;
	color: #2F637A;
}
.divFaqA {
	padding-top:5px;
	font-weight: bold;
}
.divFaqCatTitle {
	font-weight: bold;
	font-size: 14pt;
	color: #2F637A;
}
.image {
	float: left;
	margin: 0 9px 3px 0;
}
.gray_image {
	opacity : 0.4;
	filter: alpha(opacity=40);
}
.gray_div {
	opacity : 0.4;
	filter: alpha(opacity=40);
	background-color: #000;
}
.importantNote {
	color: red;
}
.notes {
	background:url("images/notes.gif") no-repeat scroll left center transparent;
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
min-height:50px;
margin:0 0 10px;
padding:17px 10px 17px 80px;
}
.helpHeader {
	padding: 0 0 0 20px;
	background: url(images/help_icon.png) no-repeat left bottom;
}
.MWLogo_50 {
	width: 188px;
	height: 50px;
	border: 0;
}
.serviceBox-top {
	width: 293px;
	height: 24px;
	background-image: url('images/serviceBox-top.jpg');
	background-repeat: no-repeat;
}
.serviceBox-top2 {
	width: 293px;
	height: 24px;
	background-image: url('images/serviceBox-top2.jpg');
	background-repeat: no-repeat;
}
.serviceBox-top3 {
	width: 293px;
	height: 24px;
	background-image: url('images/serviceBox-top3.jpg');
	background-repeat: no-repeat;
}
.serviceBox-bg {
	background-image: url('images/serviceBox-bg.jpg');
	background-repeat: repeat-y;
	padding: 8px 8px 0 8px;
}
.servcieBox-bottom {
	background-image: url('images/servcieBox-bottom.jpg');
	background-repeat: no-repeat;
	height: 23px;
}
.helpBody {
	width: 280px;
}
#divRequestsItems .smsBody {
	border-bottom: 1px solid #d9d2c5;
	margin-bottom: 35px;
	padding: 5px 5px 5px 5px;
}
#divRequestsItems h4 {
	color: #666666;
	font: 14px normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}
#divRequestsItems p {
	margin-left: 18px;
}
.downloadTSSMS-box {
	width: 295px;
	height: auto;
	float: left;
	margin-left: 8px;
}
.left-box {
	width: 295px;
	height: auto;
	float: left;
	margin-left: 8px;
}
.download-div {
	width: 295px;
}
.download-left-box {
	width: 295px;
	height: auto;
	margin-left: 8px;
}
/* header */
#header {
}
/*---------- bubble tooltip -----------*/
a.tt {
	position: relative;
	z-index: 24;
	color: #3CA3FF;
	font-weight: bold;
	text-decoration: none;
}
a.tt span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {
	z-index: 25;
	color: #aaaaff;
 background:;
}
a.tt:hover span.tooltip {
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
	text-align: left;
 filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top {
	display: block;
	padding: 30px 8px 0 0;
	background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle {
	/* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(images/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom {
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
	background: url(images/bubble.gif) no-repeat bottom;
}
/* footer */
#footer {
	clear: both;
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
#footer .right {
	float: right;
}
#progressBar {
	padding-top: 5px;
}
#progressBarBox {
	width: 350px;
	height: 20px;
	border: 1px inset;
	background: #eee;
}
#progressBarBoxContent {
	width: 0;
	height: 20px;
	border-right: 1px solid #444;
	background: #9ACB34;
}
.dropdown dd {
	width:300px;
}
.dropdown ul {
	width:100%;
}