﻿@import url('base.css');


/* 
.onecol
*/
.onecol #subNav{display:none;}
.onecol #sideContainer{display:none;}
.onecol #maincontainer{margin:0;}
.onecol #contentContainer{margin:0 40px 0 80px;}

/*
.twocol #contentContainer{margin-left:80px;margin-right:400px;}
*/
.twocol #subNav{display:none;}
.twocol div#maincontainer{margin-left:-626px;}
.twocol div#contentContainer{margin-left:626px;margin-right:40px;}
.twocol #sideContainer{width:506px;}

/* .twocol p{font-size:1.2em;}
*/
.cmd80{width:60px;color:#FFF; padding:1px 0px 0 20px; border:none;font-size:0.9em;font-weight:bold; text-decoration:none; display:block; height:24px; background:url(../images/buttonback80.jpg) no-repeat;}
a.cmd80:hover{color:#666;}

.cmd120{color:#FFF; padding:1px 0px 0 20px; border:none;font-size:0.9em;font-weight:bold; text-decoration:none; display:block; height:24px; background:url(../images/buttonback80.jpg) no-repeat;}

/* header navigation 
----------------------*/
#headercontainer{background:url(../images/client/appgrad.jpg) repeat-x;height:60px;}
div#headercontainer h1{
font-size:2.4em;
font-weight:normal;
color:#FFF;
margin-left:80px;
margin-top:10px;
}

div#headercontainer h2{
margin:0;
padding:0;
position:absolute;
top:20px;
left:600px;
font-weight:normal;
font-size:1.6em;
}

#login #sideContainer{margin-top:80px;margin-bottom:20px;}
/*
#login #headercontainer h1{background:url(../images/client/applogo.jpg) no-repeat;height:60px;margin:0;padding:0;width:600px;}
#login #footer{clear:left;margin-left:80px;border-top:solid 1px #015641;width:520px;}
*/

#headercontainer {margin-bottom:20px;}
.versionNumber{padding-left:12px;font-size:50%;}
/* User panel 
------------------------------------------------------*/
#headerlogo{float:left;height:60px;width:370px;background:url(../images/client/applogo.jpg) no-repeat;}
#userpanelwrapper{float:right;}
.userpanel{float:left;color:#FFF;font-weight:bold;width:220px;}
.userpaneldate{float:left;color:#FFF;font-weight:bold;margin-right:40px;}
.userpanel a{color:#FFF;text-decoration:none;}
.userpanel a:hover{text-decoration:underline;}

/* Home page search control */
#pnlSearchHome{float:right;margin-right:40px;}
#pnlSearchHome input#txtFind{margin-top:4px;float:left;border:solid 1px #FF6600;}
#pnlSearchHome input#cmdFind{margin-top:4px;margin-left:12px;float:left;padding:0 0 10px 0;width:84px;}
#cmdSubmit{margin-top:4px;float:left;padding:0 0 10px 0;width:84px;}

/* Primary Nav Panel */
#primarynav {height:13px;}
#pnlSearchControl{float:right;margin-right:40px;}
#pnlSearchControl input{font-size:0.9em;margin-top:2px;}


/* Link to an external URL */
a.externallink {background-image: url(../Images/ExternalLink.gif);background-position: right;
	background-repeat: no-repeat;padding-right: 14px;
	color:#000;
}



#contentContainer{min-height:400px;_height:400px;}

h2{font-size:1.4em;padding:0;margin:0.5em 0; color:#FF6600;}
h3{font-size:1.1em;background-color:#F0D9E9;padding:4px;color:#990066;}

p{margin:0 0 0.5em 0; font-size:1.0em;}

#sideContainer ul li{font-size:1.2em;margin:3px;}

#sideContainer #pnlSearchControl{float:none;margin-top:20px;margin-right:0;}
#sideContainer #pnlSearchControl input{font-size:1.2em;margin-top:2px;}

/* Product */
.editForm label{display:block;width:80px;float:left;font-size:1.2em;color:#990066;margin-bottom:4px;}
.editForm span{display:block;float:left;font-size:1.2em;margin-bottom:2px;}
.txtbox{width:174px;margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px;}
.txtarea{width:200px; margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px;}
.editForm br{clear:left;}
.editForm .accountform input{width:240px;}
.editForm label.longLabel{width:120px;}

.stdForm label{display:block;width:160px;float:left;font-size:1.2em;color:#990066;}
.stdForm span{display:block;float:left;font-size:1.2em;margin-bottom:2px;}
.stdForm .txtbox{width:320px;margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px;}
.stdForm .txtarea{font-size:1.2em; font-family:Arial; width:480px; margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px;}
.stdForm br{clear:left;}
.stdForm .cmd80{float:left;}
.stdForm .cmd120{float:left;}
.stdForm .checks{float:left;margin-bottom:12px;}
.stdForm .checks input{float:left;}
.stdForm .checks label{float:left;width:120px;}

div.warning {margin-top:20px;clear:left;color:#FF0000;font-size:1.2em;}

.displayInfo{font-size:1.2em;}
.displayInfo label{display:block;width:120px;float:left;color:#990066;}
.displayInfo span{display:block;float:left;margin-bottom:2px;}
.displayInfo br{clear:left;}

.contactList{background:#D9E7F0;}
.standingName{font-weight:bold;}
.divAddress{margin-bottom:20px;}
.divAddress p{margin:0 0 1em 0;}
.divAddress h3{margin-right:0;}
.cleared{clear:both;}

/* images */

.pnlAddressTitle{margin:4px 0;width:100%;background-color:#D9E7F0;border-bottom:solid 1px #999;}
.pnlAddressTitle .leftcol{float:left;margin:4px;padding:0;}
.addressStanding{font-weight:bold;font-size:1.2em;}
.pnlAddressTitle .rightcol{float:right;margin:4px;padding:0;}
.pnlAddressTitle .rightcol a{color:#000;}
.pnlAddressTitle .rightcol a:hover{text-decoration:none;}
.pnlAddressTitle br{clear:both;}

/* Popup form .. image upload */

.popform {
	background: #FFF;
	color: #000;
	padding: 10px;
	margin: 0px;
	border: 3px solid #990066;
	position:absolute;
	top:80px;
	left:255px;
	z-index:200;
}

.popform .bd{background-color:#990066;margin:10px;color:#FFF;padding:12px;_height:300px;min-height:300px;}
.popform .ft a{display:block;color:#990066;margin-left:200px;padding-bottom:8px;font-size:1.2em;text-decoration:none;font-weight:bold;}
.popform em{font-style:normal;color:#990066;font-size:1.4em;font-weight:bold;}

.popform label{display:block;width:120px;float:left;}
.popform .divfields input{width:180px;margin-bottom:4px;float:left;}
.popform textarea{width:180px; margin-bottom:4px;float:left;}
.popform br{clear:left;}

.popform a{color:#990066; text-decoration:none;font-size:1.2em;font-weight:bold;}


.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#tblListMove {border-collapse:collapse;border:none;margin-bottom:4px;}
#tblListMove select{width:120px;margin:0;padding:0;}
#tblListMove td{padding:0;margin:0;}
#tblListMove td.tblControls{padding:5px;}
#memberslist #divfields input{width:268px;margin-bottom:4px;}

.watermarked{border:1px solid #FF6600;background:#F0D9E9;color:#990066;width:174px;margin-bottom:4px;padding-left:4px;}

.tariffedit input{width:50px;}

.rowProcessing{background:#FBFF8F;color:#000;}
.rowPending{background:#C266A5;color:#FFF;}
.rowFinished{background:#BEE39B;color:#000;
	}


.paneltitle .leftcol h2{display:inline;}
.paneltitle .leftcol{float:left;}
.paneltitle .rightcol{float:right;}
.notestitle{padding-right:40px;}
#dlNotes table{width:100%;padding-right:40px;} 
.notesItem {width:100%;border-bottom:solid 1px #CCC;}
.notesItem h3{background:none;margin:0 0 3px 0;padding:0;}

textarea#txtNote{width:500px;height:120px;}


 /* Preferences */
.prefs label{width:120px;}
.prefs .txtbox{width:240px;margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px;}
.prefs .txtarea{width:240px; margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px; height:80px;}
.prefs .cbo{width:120px; margin-bottom:4px;float:left;border:solid 1px #FF6600;padding-left:4px;}

.summaryLabel{width:120px;}

p#call-area input{width:300px;}

/* cdrItem  progress panels */

#pnlDebug div{float:left; width:auto;}
#pnlDebug br{clear:left;}

/* cli details listing */
#divAccount{background-color:#CCC;}
#divAccount .leftCol{float:left; font-size:130%;font-weight:bold;}
#divAccount .leftCol span{padding-right:20px;}
#divAccount .rightCol{float:right;}
