/*---------------------------------------------
|         (C) 2006 Andrew Scott (CCL)
|       www.customersonline.co.uk / www.crmsuite.co.uk
|			  andrew@compan.net
|----------------------------------------------
|     site : www.customersonline.co.uk
|   author : Andrew Scott (andrew@compan.net)
|     date : 31/10/2005
----------------------------------------------*/
html, body { padding:0px; margin:0px; width:100%; text-align:center; font-family:Bitstream Vera Sans, Verdana; font-size:.9em; line-height:1.4em; background-color:#fafaff;}
* { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing:border-box }

#container { position:relative; top:0px; width:800px; height:100%;  text-align:left; left:50%; margin-left:-400px; _left:0%; _margin-left:0px; padding:20px 0px 20px 0px; }

a { color:#5f6fb0; }
a:hover { color:#df77ca;}

.blockArea { border:solid 1px #c8c8cc; background-color:White; padding:20px }

*.tagLine { font-weight:bold; font-style:italic;}

#header{ margin:0px 0px 0px 0px; height:125px; width:800px;  padding:0px; border:solid 1px #c8c8cc; background-color:White; padding:0px;}
#logo { _display:none;}
#logo, #logo2 { position:absolute; top:5px; left:-20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='image'); width:128px; height:128px; }

#menu { margin:20px 0px 0px 0px; width:800px; height:40px;  }
#menu ul {display:inline; margin:0px; padding:0px;}
#menu ul li { display:block;  float:left; margin:0px; width:100px; height:40px; background-color:White; padding:0px; margin:0px 10px 0px 0px ; border:solid 1px #c8c8cc; clear:none; filter:alpha(opacity=65); -moz-opacity:0.6; opacity:0.6; }
#menu ul li a {display:block; width:100%; height:100%; text-align:center; line-height:38px; font-weight:bold; color:#4b4b62; text-decoration:none; }
#menu ul li.tour { width:130px; float:right; margin:0px;  font-size:0px; line-height:0px;} 
#menu ul li.tour a img{ border:0px; }

#menu ul li.Home		{ background-image:url( ../images/Home.gif)}
#menu ul li.System		{ background-image:url( ../images/System.gif)}
#menu ul li.Licensing	{ background-image:url( ../images/Licensing.gif)}
#menu ul li.Support		{ background-image:url( ../images/Support.gif)}
#menu ul li.Partners	{ background-image:url( ../images/Partners.gif)}
#menu ul li.Company		{ background-image:url( ../images/Company.gif)}

#homeHeader, #allContent {  width:800px; }
#homeHeader div { float:left; height:250px;  margin-top:20px; }
#homeHeader div.left { width:300px; }
#homeHeader div.right { width:480px; float:right;  padding:0px; overflow:hidden;}


#allContent div { float:left; margin-top:20px; clear:right;}
#allContent div.left { width:150px; margin-right:20px; }
#allContent div.center { width:410px; margin-right:20px; }
#allContent div.right { width:200px;}
#allContent div.FullLeft { width:580px;}

.clearing { clear:right; height:100px;}

#footer { width:800px; margin-top:10px; text-align:right; font-size:.8em;  clear:both;}


body.popped { width:100%; height:100%;  }
body.popped #container { margin:20px; width:100%; border:0px; padding:20px; border:solid 1px #c8c8cc; background-color:White; }
body.popped #container textarea{ width:80%; height:350px;;}

#body dl.form dd textarea { width:400px; height:130px; }
#body dl.form dd input.checkbox {width:20px;}
#body dl.form dd.editerRadioButton input {width:20px;}

#allContent div.col h4 { font-size:1em; margin:0px; padding:0px; }
#allContent div.col ul { margin:0px 0px 20px 0px; padding:0px; }
#allContent div.col ul li{ margin:0px 5px 0px; padding:0px; list-style-image:url( ../images/Arrowbullet.jpg );  }

p label { width:120px; text-align:right; padding:0px 5px 0px; }
p input.text { width:120px; text-align:right; padding:0px 5px 0px; }
p select { width:120px; text-align:right; padding:0px 5px 0px; }


#AddressList{ position:absolute; width:300px; height:300px; top:0px; left:0px; background-color:ButtonFace; border:outset 2px buttonFace; overflow:auto; margin:20px 0px 0px 0px;}
#AddressList div { background-color:window; border-bottom:solid 1px activeborder; overflow:hidden; width:100%; height:20px; text-align:left; padding:2px 2px 2px 5px; cursor:pointer;}
#AddressList div.hover { background-color:ActiveCaption; color:CaptionText; }
#AddressList div.selected { background-color:HighLight; color:highlighttext; }
#AddressList p {margin:50px 20px 20px 20px; }
#AddressList img { border: solid 1px windowframe; margin:5px;}


dl.form {margin:0em; font-size:100%; margin-top:0.5em; font-size:.9em; }
dl.form dt,dl.form dd { float:left; clear:none; margin:5px 0px;}
dl.form dt { width:20%; text-align:right; padding-right:5px;}
dl.form dd { width:30%; }
dl.form dd input { width:150px; }
dl.form dd.postcode input { width:120px; }
dl.form dd.LongField { width:80%; clear:none; }
dl.form dd.LongField  input { width:300px; }
textarea { width:200px; margin:0px;}
dl.form dd.buttons { width:100%; clear:none; text-align:right; }
dl.form dd.buttons input { width:100px; margin:0px 0px 0px 20px;}

dl.Screens dd , dl.Screens dt{ width:50%; float:left; clear:none; border:solid 0px #c8c8cc; margin:0px 0px 20px 0px; padding:0px; height:180px; vertical-align:middle; text-align:center; padding:10px 0px 10px 0px;}
dl.Screens dt { padding:20px; }

dl.EmailList { border-top:solid 4px #c8c8cc; padding-top:20px; width:49%; float:left; }
dl.EmailList dt{ font-weight:bold; }
dl.EmailList dd{ padding-bottom:10px; }

address { border-top:solid 4px #c8c8cc; padding:20px; font-style:normal;width:49%; float:left;}
address p { margin:0px; padding:0px; text-indent:20px;}
address p.co { font-weight:bold;text-indent:0px; font-size:1.1em;}

dl.editForm {margin:0em; font-size:100%; margin-top:0.5em; font-size:.9em; }
dl.editForm dt { float:left; clear:left; width:10em; margin-bottom:0.8em; color:#555; text-align:right; font-weight:normal;position:relative }
dl.editForm dd {/*clear:right; */margin-left:10.5em;margin-bottom:0.8em;font-style:normal;padding-left:0.5em;}
dl.editForm dd textarea { width:300px; height:130px; }

#body dl.editForm dd textarea { width:400px; height:130px; }
#body dl.editForm dd input.checkbox {width:20px;}
#body dl.editForm dd.editerRadioButton input {width:20px;}

#PageDetailedInformation { position:absolute; left:-450; width:380px; top:-200px; height:100px; overflow:auto; }

/*Calender*/
TABLE.Cal{  width:150px; height:120px; background-Color:#F1F1F1; cursor:hand; border:solid 1px black;}
TABLE.Cal TD{width:14%; font-size:11px; text-align:center;}
TABLE.Cal TD.thisMonth{width:140px; font-size:12px; color:#212121; text-align:center;}
TABLE.Cal TD.month{font-size:12px; background-color:#212121; color:#F1F1F1; text-align:center; border:solid 1px black;}
TABLE.Cal TD.year{width:60px; font-size:12px; text-align:center;color:#212121; }

TR.Cal{height:15px; background-Color:#212121; color:#F1F1F1;font-size:10px; border-bottom:solid 1px #212121; border-top:solid 2px #f1f1f1; }


.XAPDialogModal { position:absolute; top:0px; left:0px; z-index:30000; width:100%; height:100%; background-color:White; filter:alpha(opacity=2); }
.XAPDialog { position:absolute; z-index:30001; top:60; left:200; width:400; height:330; background-color:#EEEEEE; border:solid 1px black; text-align:center;  line-height:10px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5); }
.XAPDialog DIV.XAPTitleBar	{ border-bottom:solid 1px black; font-size:13px; font-weight:bold; width:100%; height:25px; background-color:#CCCCCC; color:black; line-height:25px}
A.DialogButton { display:block; width:100px; height:20px; border:solid 1px green; background-color:White; text-decoration:none; color:green; font-size:12px; font-weight:bold; text-align:center; margin:5; line-height:17px;}
A.DialogButton:hover { background-color:green; color:White; }



/* QuickTour */

body.QuickTour { overflow:hidden;}
body.QuickTour #container { width:900px; overflow:hidden;}
body.QuickTour #qtHeader { float:left; height:90px; width:900px; margin-bottom: 0px;  border-bottom:solid 0px; background-image:url(../images/qtHeader.png);  overflow:hidden;}

body.QuickTour #qtImageViewer { position:relative; float:right; height:572px; width:749px; padding:10px 0px 20px 0px}
body.QuickTour #qtImageViewer h3 { width:100%; text-align:center; margin:0px; padding:5px; }
body.QuickTour #qtImageViewer div.Nav { width:70px; float:left; border:solid 0px black; height:460px; padding:210px 3px; text-align:center;}
body.QuickTour #qtImageViewer #imgHolder { position:relative; float:left; width:605px; height:460px; border:solid 0px black; overflow:hidden; }
body.QuickTour #qtImageViewer #imgHolder img { position:absolute; z-index:200010; }
body.QuickTour #qtImageViewer p { width:100%; clear:both; text-align:center; margin:0px; padding:0px}
body.QuickTour #qtImageViewer #imgHolder #eLoading { top:210px;left:230px;display:none; border:solid 1px black;  z-index:200020;}
body.QuickTour #qtImageViewer #qtFrames { position:absolute; bottom:0px; right:-1px; width:100%; height:25px; text-align:right;}
body.QuickTour #qtImageViewer #qtFrames img.frame { border-top:solid 1px #c8c8cc; border-left:solid 1px #c8c8cc; width:25px; height:25px;  filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; cursor:pointer; cursor:hand;}

body.QuickTour #qtMenu { float:left; height:572px; width:151px; margin-right:0px; border-right:solid 0px;  overflow:hidden; background-image:url(../images/qtFooter.png); background-repeat:no-repeat; background-position:left bottom; padding: 20px 0px 0px 10px}
body.QuickTour #qtMenu  h4 { font-size:1em; margin:0px; padding:0px; }
body.QuickTour #qtMenu  ul { margin:0px 0px 20px 0px; padding:0px; font-size:.9em; width:100%; }
body.QuickTour #qtMenu  ul li{ margin:0px 5px 0px; padding:0px; list-style:none; font-weight:normal; }
body.QuickTour #qtMenu  ul li a { color:black; text-decoration:none; } 
body.QuickTour #qtMenu  ul.branch {margin:0px 0px 10px 10px;}
body.QuickTour #qtMenu  ul.branch li.selected { font-weight:bold; }