body {
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font: 76%/130% "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	
}


h1.intro { font-size: 18px;
	     font-weight: normal;
	     line-height: 22px; 
		 padding: 20px; 
		 margin: 0 0 0 0; 
		 color: #2C85EF; 
		 border-bottom: 1px solid #ccc;
}

.centralcol h3, h2, .centralcolhelp h3 {
	     font-family: Helvetica, Arial, Verdana, sans-serif;
		 font-size: 1.2em;
		 line-height: 1.1em;
		 padding: 0; 
		 margin: 4px 0; 
		 color: #2BA8FB; 
}

.centralcolhelp h4 { font-size: 15px;
	     border-top: 1px dashed #2BA8FB;
		 font-weight: normal;
	     line-height: 22px; 
		 padding: 4px 0 0 0; 
		 margin: 4px 0; 
		 color: #000; 
}

.centralcol h3.content {
 background: url("/images/icons/32/edit_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.add {
 background: url("/images/icons/32/new_file_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.nav {
 background: url("/images/icons/32/website_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.news {
 background: url("/images/icons/32/clipboard_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.stats {
 background: url("/images/icons/32/activity_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.props {
 background: url("/images/icons/32/folder_open_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.contact {
 background: url("/images/icons/32/email_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.help {
 background: url("/images/icons/32/help_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.login, .usercol h3.password {
 background: url("/images/icons/32/locked_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.news {
 background: url("/images/icons/32/email_open_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.welcome {
 background: url("/images/icons/32/info_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.images {
 background: url("/images/icons/32/images_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.products {
 background: url("/images/icons/32/shopping_cart_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.productsadd_product {
 background: url("/images/icons/32/shopping_cart_32_add.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.productsedit_product {
 background: url("/images/icons/32/shopping_cart_32_edit.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.productcategories, .centralcol h3.productsedit_category, .centralcol h3.productsadd_category {
 background: url("/images/icons/32/shopping_cart_32_categories.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.centralcol h3.products2categories {
 background: url("/images/icons/32/prods_2_cats.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 52px;
}

.centralcolhelp h3.csa-help {
 background: url("/images/icons/help2.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 42px;
}

.centralcol h3.orderdet {
 border-top: 1px solid #000;
 padding: 6px 0 0 0;
 clear: both;
}

h3.addsp {
	margin: 20px 0 0 0;
}

.centralcolhelp ul li {
padding: 2px 0;
list-style-image:url(/images/icons/pointer.gif);
list-style-position:50% 50%;
}

.centralcolhelp .faqans {
margin: 10px 3px;
padding: 4px;
border-top: 4px solid #E1E1E1;
background: #f5f5f5;
}

.usercol h3.user, .centralcol h3.user {
 background: url("/images/icons/32/user_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.usercol h3.users, .centralcol h3.users {
 background: url("/images/icons/32/users_32.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}

.usercol h3.transaction {
 background: url("/images/icons/32/misc.gif") no-repeat 0 50%;
 line-height: 32px;
 padding: 0 0 0 36px;
}


h2.adminh2 {
background: #000;
color: #fff;
padding: 3px;
}

h2.colhead {
background: #888;
font-weight: bold;
line-height: 22px; 
font-size: 11px;
color: #fff; 
padding: 0 4px;
margin: 0;

}


p { font-size: 11px; padding: 0; margin: 0  0 10px 0;}
p.adp { margin: 4px 0;}
a { color: #f00; text-decoration: none; }
a.on { font-weight: bold; }	
a:hover {  color: #036;text-decoration: none;}
input, textarea { 
font-size: 11px; padding: 0; margin: 0; font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1.1em;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	margin-right: 10px;
}


#head {
	border-top: 4px solid #333333;
	background: #E8E8E8 url("/images/cplogo.gif") no-repeat 0 50%;
	border-bottom: 1px solid #999999;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 82%;
	padding: 10px 0 10px 145px;
	font-weight: bold;
	height: 44px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 14px; /* correct width for IE6 */
	
}
html>body #head { height: 14px; }

img, a img {
	border: none;
}

#navwrap {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	background: #efefef url("/images/navbg.gif") repeat-x top left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	}
	
#navwrap ul {
padding: 0 0 0 5px;
margin: 0;
}	
#navwrap li {
	margin: 0;
	list-style: none;
	display: inline;
	
	}
#navwrap a {
	display: block;
	float: left;
	padding: 2px 6px;
	text-decoration: none;
	color: #000;
	height: 35px;
	width: 55px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #fff;
	text-align: center;
	}

#navwrap a.active {
	font-weight: bold;
	}


#navwrap1 ul li {
    display: inline;
	padding: 0;
} 

#navwrap1 ul {
    padding: 0;
	margin: 4px;
}

#navwrap ul li.home a { background: url("/images/icons/16/home.gif") no-repeat 50% 80%; }
#navwrap ul li.home a:hover  { color: #182D04; background: #fff url("/images/icons/16/home.gif") no-repeat 50% 80%; }
#navwrap ul li.edit a { background: url("/images/icons/16/edit.gif") no-repeat 50% 80%; }
#navwrap ul li.edit a:hover, #navwrap ul li.edit a.on { background: #fff url("/images/icons/16/edit.gif") no-repeat 50% 80%; }

#navwrap ul li.clipboard a { background: url("/images/icons/16/clipboard.gif") no-repeat 50% 80%; }
#navwrap ul li.clipboard a:hover, #navwrap ul li.clipboard a.on { background: #fff url("/images/icons/16/clipboard.gif") no-repeat 50% 80%; }

#navwrap ul li.website a { background: url("/images/icons/16/website.gif") no-repeat 50% 80%; }
#navwrap ul li.website a:hover, #navwrap ul li.website a.on { background: #fff url("/images/icons/16/website.gif") no-repeat 50% 80%; }

#navwrap ul li.templates a { background: url("/images/icons/16/templates.gif") no-repeat 50% 80%; }
#navwrap ul li.templates a:hover, #navwrap ul li.templates a.on { background: #fff url("/images/icons/16/templates.gif") no-repeat 50% 80%; }

#navwrap ul li.search a { background: url("/images/icons/16/search.gif") no-repeat 50% 80%; }
#navwrap ul li.search a:hover, #navwrap ul li.search a.on { background: #fff url("/images/icons/16/search.gif") no-repeat 50% 80%; }

#navwrap ul li.pages a { background: url("/images/icons/16/pages.gif") no-repeat 50% 80%; }
#navwrap ul li.pages a:hover, #navwrap ul li.pages a.on { background: #fff url("/images/icons/16/pages.gif") no-repeat 50% 80%; }

#navwrap ul li.new_file a { background: url("/images/icons/16/new_file.gif") no-repeat 50% 80%; }
#navwrap ul li.new_file a:hover, #navwrap ul li.new_file a.on { background: #fff url("/images/icons/16/new_file.gif") no-repeat 50% 80%; }

#navwrap ul li.new_folder a { background: url("/images/icons/16/add_folder.gif") no-repeat 50% 80%; }
#navwrap ul li.new_folder a:hover, #navwrap ul li.new_folder a.on { background: #fff url("/images/icons/16/add_folder.gif") no-repeat 50% 80%; }

#navwrap ul li.folder a { background: url("/images/icons/16/folder.gif") no-repeat 50% 80%; }
#navwrap ul li.folder a:hover, #navwrap ul li.folder a.on { background: #fff url("/images/icons/16/folder.gif") no-repeat 50% 80%; }

#navwrap ul li.activity a { background: url("/images/icons/16/activity.gif") no-repeat 50% 80%; }
#navwrap ul li.activity a:hover, #navwrap ul li.activity a.on { background: #fff url("/images/icons/16/activity.gif") no-repeat 50% 80%; }

#navwrap ul li.email a { background: url("/images/icons/16/email.gif") no-repeat 50% 80%; }
#navwrap ul li.email a:hover, #navwrap ul li.email a.on { background: #fff url("/images/icons/16/email.gif") no-repeat 50% 80%; }

#navwrap ul li.device a { background: url("/images/icons/16/device.gif") no-repeat 50% 80%; }
#navwrap ul li.device a:hover, #navwrap ul li.device a.on { background: #fff url("/images/icons/16/device.gif") no-repeat 50% 80%; }

#navwrap ul li.padlock a { background: url("/images/icons/16/unlocked.gif") no-repeat 50% 80%; }
#navwrap ul li.padlock a:hover, #navwrap ul li.padlock a.on { background: #fff url("/images/icons/16/unlocked.gif") no-repeat 50% 80%; }

#navwrap ul li.question a { background: url("/images/icons/16/help.gif") no-repeat 50% 80%; }
#navwrap ul li.question a:hover, #navwrap ul li.question a.on { background: #fff url("/images/icons/16/help.gif") no-repeat 50% 80%; }

#navwrap ul li.briefcase a { background: url("/images/icons/16/briefcase.gif") no-repeat 50% 80%; }
#navwrap ul li.briefcase a:hover, #navwrap ul li.briefcase a.on { background: #fff url("/images/icons/16/briefcase.gif") no-repeat 50% 80%; }

#navwrap ul li.folder a { background: url("/images/icons/16/folder_open.gif") no-repeat 50% 80%; }
#navwrap ul li.folder a:hover, #navwrap ul li.folder a.on { background: #fff url("/images/icons/16/folder_open.gif") no-repeat 50% 80%; }

#navwrap ul li.landlord a { background: url("/images/icons/16/user.gif") no-repeat 50% 80%; }
#navwrap ul li.landlord a:hover, #navwrap ul li.landlord a.on { background: #fff url("/images/icons/16/user.gif") no-repeat 50% 80%; }

#navwrap ul li.tenant a { background: url("/images/icons/16/users.gif") no-repeat 50% 80%; }
#navwrap ul li.tenant a:hover, #navwrap ul li.tenant a.on { background: #fff url("/images/icons/16/users.gif") no-repeat 50% 80%; }

#navwrap ul li.groupevent a { background: url("/images/icons/16/groupevent.gif") no-repeat 50% 80%; }
#navwrap ul li.groupevent a:hover, #navwrap ul li.groupevent a.on { background: #fff url("/images/icons/16/groupevent.gif") no-repeat 50% 80%; }

#navwrap ul li.customers a { background: url("/images/icons/16/groupevent.gif") no-repeat 50% 80%; }
#navwrap ul li.customers a:hover, #navwrap ul li.customers a.on { background: #fff url("/images/icons/16/groupevent.gif") no-repeat 50% 80%; }

#navwrap ul li.misc a { background: url("/images/icons/16/config.gif") no-repeat 50% 80%; }
#navwrap ul li.misc a:hover, #navwrap ul li.misc a.on { background: #fff url("/images/icons/16/config.gif") no-repeat 50% 80%; }

#navwrap ul li.admin a { background: url("/images/icons/16/configure.png") no-repeat 50% 80%; }
#navwrap ul li.admin a:hover, #navwrap ul li.admin a.on { background: #fff url("/images/icons/16/configure.png") no-repeat 50% 80%; }

#navwrap ul li.products a { background: url("/images/icons/16/shopping_cart.gif") no-repeat 50% 80%; }
#navwrap ul li.products a:hover, #navwrap ul li.products a.on { background: #fff url("/images/icons/16/shopping_cart.gif") no-repeat 50% 80%; }

#navwrap ul li.faqs a { background: url("/images/icons/16/kate.gif") no-repeat 50% 80%; }
#navwrap ul li.faqs a:hover, #navwrap ul li.faqs a.on { background: #fff url("/images/icons/16/kate.gif") no-repeat 50% 80%; }

#navwrap ul li.email_man a { background: url("/images/icons/16/email_man.gif") no-repeat 50% 80%; }
#navwrap ul li.email_man a:hover, #navwrap ul li.email_man a.on { background: #fff url("/images/icons/16/email_man.gif") no-repeat 50% 80%; }

#navwrap ul li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 100px;
	margin: 0;
}

#navwrap ul li:hover ul, #navwrap ul li.over ul {
	visibility: visible;
	z-index: 100;
	top: 79px;
	width: 100px;
}


#navwrap ul li:hover ul li a, #navwrap ul li.over ul li a {
	display: block;
	float: left;
	padding: 4px 6px;
	text-decoration: none;
	color: #000;
	height: 16px;
	width: 100px;
	background: #fff url("/images/navbg.gif") repeat-x top left;
	text-align: left;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
}

#navwrap ul li:hover ul li a.first, #navwrap ul li.over ul li a.first {
border-top: 1px solid #ccc;
}

#navwrap ul li:hover ul li a:hover, #navwrap ul li.over ul li a:hover {
background: #efefef;
}

#subnav {
	clear: both;
	display: block;
	background: #fff url(/images/subnavbg.gif);
	padding: 0;
	border-top: 1px solid #fff;
	height: 30px;
	margin: 0 0 6px 0;
	color: #999;

}

#subnav p {
	font-size: 82%;
	padding: 2px 0 2px 5px;
}

#subnav a {
text-decoration: none;
color: #999;
}

#subnav a:hover {
color: #000;
}

#subnav ul li {
    display: inline;
	padding: 0;
} 

#subnav ul {
    padding: 4px 0 0 0;
	margin: 4px 4px 0px 10px;
}


p.add16 {
background: url("/images/icons/16/new_file.gif") no-repeat 0 50%;
padding: 2px 0 2px 18px;
margin: 2px 0 6px 4px;
}

#introtext {
width: 771px;
background: #fff;

}

#content {
width: 771px;
padding: 0 0 20px 0;
}


.leftcol {
	float: none;
	margin: 0px;
	padding: 0 0 0 0;
	width:170px;
	border-right: 1px solid #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px; }

html>body .leftcol { width:160px; }

	
.centralcol {
    display: block;
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 25px 10px;
	width: 776px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 756px; }

html>body .centralcol { width:756px; }


.centralcolhelp {
    display: block;
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 25px 10px;
	width: 576px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 556px; }

html>body .centralcolhelp { width:556px; }


.rightcol {
	float: right;
	margin: 0px;
	padding: 0 0 0 5px;
	width: 170px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 165px; }

html>body .rightcol { width:160px; }


.ClearAll {
	clear: both;
	font-size: 2px; }


/*********** left nav ***********/


#leftcol ul {
margin: 0;
padding: 0;
}

#mainnav {
width: 169px;
margin: 0;
padding: 0;
}

#mainnav li {
    display: block;
	
} 


#mainnav li a {
    float: left;
    text-align: left;
    width: 164px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
	text-align: left;
	background-color: #fff; 
	padding: 2px 0 2px 6px;
	border-bottom: 1px dotted #ccc;
	
    
}
	
	
#mainnav li a:hover {
   
    color:  #fff;
    background-color: #2C85EF; 
}

#mainnav li a.on, #mainnav li a.on:hover {
color:  #000;
background-color: #efefef;
font-weight: bold; 
}


/** prod nav **/


#prodnav {
width: 169px;
margin: 0;
padding: 0;
}

#prodnav li {
    display: block;
	
} 


#prodnav li a {
    float: left;
    text-align: left;
    width: 164px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
	text-align: left;
	background-color: #D6EBF5; 
	padding: 3px 0 3px 6px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	font-size: 10px;
    
}
	
	
#prodnav li a:hover {
   
    color:  #000;
    background-color: #efefef; 
}

#prodnav li a.on, #prodnav li a.on:hover {
color:  #fff;
background-color: #2C85EF;
font-weight: bold; 
}


#contact {
border: 1px solid #990000;
padding: 5px;
margin: 15px 15px 5px 5px;

}

#contact h3  {
padding: 0;
margin: 0 0 5px 0;
font-size: 12px;
color: #990000;
}

#support h3  {
padding: 0;
margin: 0 0 5px 0;
font-size: 12px;
color: #336600;
}

#contact p, #support p, #support label {
padding: 0;
margin: 3px;
font-size: 9px;
}

#support {
border: 1px solid #9BEC37;
padding: 5px;
margin: 10px 15px 15px 5px;
background: #E7F4D4;

}

#support form {
margin: 0;
padding: 0;
}



p.con1 {
	background: #fff;
    padding: 2px 0;
	margin: 0;
	color: black;
	font-family: Verdana;
	font-size: 10px;
	border-bottom: #ddd;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
  
}

p.con2 {
	  background: #F4FAFF;
    padding: 3px 0;
	margin: 0;
	color: black;
	font-family: Verdana;
	font-size: 10px;
	border-bottom: #ddd;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	
	
}

p.con3 {
    padding: 2px 0;
	margin: 0;
	color: #888;
	font-family: Verdana;
	font-size: 10px;
	border-bottom: #ddd;
	border-width: 0 0 1px 0;
	border-style: none none solid none; 
}

#contactfm { padding: 0 ; }
p.header { margin: 0 0 10px 0; }
input.contactform, select.contactform { font-size: 1.1em;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	margin-right: 10px;
}

span.admindetails {
font-size: 10px;
font-weight: normal;
}

input.contactform {
width: 350px;
}

select.dateselect {
font-size: 11px; 
background: #f5f5f5; 
border-right: #EDEDDE 1px solid; 
border-top: #777777 1px  solid; 
border-left: #777777 1px solid; 
border-bottom: #EDEDDE 1px solid;
padding: 2px;
margin: 2px;

}
p.formlabel { margin:4px 0 2px 0;padding:2px 0; font-size: 12px; font-weight:  bold;}
p.footer { font-size: 9px; margin: 20px 0 6px 0; padding: 2px 0 0 0; border-top: 1px solid #ddd;  }

textarea {  font-size: 12px; 
background: #f5f5f5; 
border-right: #EDEDDE 1px solid; 
border-top: #777777 1px  solid; 
border-left: #777777 1px solid; 
border-bottom: #EDEDDE 1px solid; 
padding: 3px;
}
		
input.contactbutton
{
    margin: 5px 0 0 0;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	padding: 3px; 
	background-color:#BDE4FE; 
	border:1px solid #333333; 
	cursor: pointer;
}

input.loginbutton
{
      margin: 5px 0 0 0;
	color: #333;
	font-size: 11px;
	padding: 3px; 
	font-weight: bold;
	background-color:#BDE4FE; 
	border:1px solid #333; 
	cursor: pointer;
}

.orderbutton {
     margin: 5px 0 0 0;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	padding: 3px; 
	background-color:#BDE4FE; 
	border:1px solid #333; 
	cursor: pointer;
}

/** refer **/

table {

margin: 10px 0 ;

}

td
{
	padding: 0 4px;
	color: black;
	font-family: Verdana;
	font-size: 10px;
	line-height: 20px;
	
}

td.noline
{
	border: 0;
	text-align:left;
}

td.noliner
{
	border: 0;
	text-align:right;
}

thead { font-weight: bold; }

code { font-size: medium; }

.text
{
	border-color: gray white white gray;
	padding: 2px;
}



input.white
{
	background-color: #fff;
	border: 0;
}


form {
margin: 0;
padding: 0;
}

p.admessage, p.adwarning {
background-color: #E7F4D4; 
border: 1px dashed #CFCFCF;
margin: 2px 0;
padding: 6px 6px 6px 6px;
line-height: 16px;
font-weight: bold;
}

.orderdrop {
margin: 6px 0 ;
border: 0;
font-size: 10px;
}


.error { color: red; font-weight: bold; }
p.formlabel { margin: 8px 0 0 0; }
.required { color: red; }

#cmswelcome { 
    background: #fff;
	border: 1px dashed #CFCFCF;
	margin: 2px 0;
	padding: 6px 6px 6px 6px;
	line-height: 16px;
}

#cmswelcome p {
padding: 0;
margin: 0;
}

.loggedinas { 
text-align: right;  
padding: 0 10px 0 0; 
float: right; 
margin: -18px 0 0 0; 
font-weight: normal; 
font-size: 10px;
}

/************ user table ***********/

.usercol {
    clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 6px 10px;
	width: 95%;
}

.usercol h3 { font-size: 18px;
	     font-weight: normal;
	     line-height: 22px; 
		 padding: 0; 
		 margin: 4px 0; 
		 color: #2C85EF; 
}

.usercol table {

}

tr.usertr { background: #888; color: #fff;}
tr.usertr td { padding: 1px 2px; color: #fff;}
tr.usertr td a { color: #fff; }
tr.usertd1, td.usertd1 { background: #efefef; border: 0; padding: 1px 2px;}
tr.usertd2, td.usertd2 { background: #fff; border: 0; padding: 1px 2px;}
tr.usertd2 a { color: #888; }
tr.gr td { background: #D3F0E1; padding: 10px; }

/******* calendar ************/

.cal_title { background: #999999; color: #fff; border: 0; padding: 0 3px; text-align: center;}
.cal_dn { background: #CCCCCC; color: #000; font-weight: bold; border: 0; padding: 0 3px; text-align: center; }
.cal_today { background: #C9E3FF; border: 1px solid #0000FF;}
.calmonth td { padding: 0 3px; text-align: center; } 

/**** textile *****/



#TextileHelp td {
border-bottom: 1px solid #444;
}

#TextileHelp td.odd {
background-color: #f5f5f5;
}

/** upload form **/

form#upload {

}

form#upload dl {
margin: 0;
padding: 0;

}

form#upload dd {
margin: 0;
padding: 2px 0;
}

form#upload dd.hint {
margin: 0 0 0 160px;
padding: 2px 0;
font-size: 80%;
}

form#upload  dt {
float: left;
padding: 6px 10px 2px 0;
width: 150px;
text-align: right;

}

form#upload input {
background-color: #f5f5f5;
border: 1px solid #ccc;
margin: 0;
}

form#upload label.required {
  font-weight: bold;
}
form#upload dd.problem {
  color: red;
  font-weight: bold;
  padding: 2px 0 2px 163px;
}
form#upload label.completed {
  font-weight: bold;
  color: #888;
}

.faqq { 
    background: url("/images/icons/mini/arrow_r.gif") no-repeat 0 50%;
    padding: 3px 0 3px 16px;
	margin: 0;
	color: black;
	font-family: Verdana;
	border-bottom: #ddd;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}
.faqq a {  color: #003399; }
.faqq a:hover {  color: #000; }
.faqa { margin: 10px 0; background: #f5f5f5; padding: 4px; }

.qrow2 {
}
.qrow1 { 
background: #f5f5f5;
}
.w100 {
width: 200px;
display: block;
}

.hrborder {
border-bottom: 1px dashed #000066;
height: 1px;
margin: 0 0 8px 0;
padding: 0;
}
#quotetable td {
padding: 2px;
font-weight: bold;
border: 1px solid #000;
}
.qquestion {
color: #000066;
font-weight: normal;
}
.qsnew { 
color: red;
font-weight: bold;
}
#adminleft {
width: 500px;
float: left;
}
#adminright {
width: 220px;
float: right;
padding: 8px;
border-top: 4px solid #E1E1E1;
background: #f5f5f5;
margin: 10px 0 0 0;
}
#adminright ul {
list-style: none;
padding: 0;
margin: 0;
}

hr.image_sep {
border-bottom: 1px solid #efefef;
height: 1px;
margin: 6px 0 6px 0;
padding: 0;
}

.multiselectbox {
width: 200px;
height: 200px;
}

#adminhomenews {
background: #FFFFE1;
border: 1px solid #FFCC00;
margin: 8px 0;
padding: 2px 6px;
}

#adminhomenews h4 {
padding: 6px 0 6px 0;
margin: 0;
color: #FF9900;
}


.faqsectiontitle {
font-weight: bold;
padding: 3px 0;
}

.faqquestionsection {
background: #efefef;
padding: 4px;
}

.faqquestionsection p {
margin: 1px 0 1px 0;
padding: 0;
}

.faqanswersectiontitle {
font-weight: bold;
padding: 0;
margin: 15px 0 0 0;
}

.faqanswersection {

}

div.faqanswer1 {
background: #F3F3F3;
margin: 1px 0;
padding: 5px;
}

div.faqanswer2 {
background: #EBEBEB;
margin: 1px 0;
padding: 5px;
}

div.faqanswer1 p.qu, div.faqanswer2 p.qu {
font-weight: bold;
}

div.faqanswer1 p.an, div.faqanswer2 p.an  {

}

h3.content a.tooltip span {
text-size: 90%;
}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	text-size: 90%;
	}

a.tooltip:hover{z-index:25;}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
	padding: 4px;
	line-height: 1em;
    border:1px solid #000;
    background-color:#FBEECA; color:#000;
	text-size: 50%;
    }


div.faqanswer1 p.btop, div.faqanswer2 p.btop {
padding: 0;
margin: 0;
}

div.cmsWelcome {
border: 1px solid #E3858C;
padding: 6px;
background: #F9E5E5;
}

div.cmsNews {
margin: 10px 0 0 0;
border-top: 4px solid #9C85E3;
padding: 6px;
background: #ECE5F9;
}

div.cmsNews p, div.cmsNews h4 {
margin: 0;
padding: 0;
}

div.cmsKnowledge {
margin: 10px 0 0 0;
border: 1px solid #FFD733;
padding: 10px 6px 10px 6px;
background: #FFEB99;
}

div.cmsKnowledge p {
margin: 10px 0;
}


div.WhatIsInfo {
margin: 0 0  10px 0;
border-top: 4px solid #cccccc;
padding: 6px;
background: #efefef;
}

p.success, div.success {
background: #E7F4D4 url(/images/icons/check.gif) no-repeat 0 50%;
border: 1px solid #00D100;
margin: 10px 0 0 0;
padding: 6px 6px 6px 26px;
line-height: 16px;
font-weight: bold;
}

p.fail, div.fail {
background: #FFCCCC url(/images/icons/fail.gif) no-repeat 0 50%;
border: 1px solid #DB2929;
margin: 10px 0 0 0;
padding: 6px 6px 6px 26px;
line-height: 16px;
font-weight: bold;
}

p.info {
background: #E4F0E0 url(/images/icons/info.gif) no-repeat 0 50%;
border: 1px solid #CBE6B3;
margin: 8px 0 8px 0;
padding: 6px 6px 6px 26px;
line-height: 14px;
}

p.info_yellow {
background: #FFE0CC url(/images/icons/info.gif) no-repeat 0 50%;
border: 1px solid #FF6600;
margin: 6px 0;
padding: 6px 6px 6px 26px;
line-height: 16px;
font-weight: bold;
}

div.opbutton {
padding: 0 10px;
}

div.opbutton p {
line-height: 1.5em;
}

#list_all_template_elements {
	margin: 10px 0;
}

ul#draggableelements,
ul#draggableelements li,
ul#draggableelements li table {
	padding: 0;
	margin: 0;
}

ul#draggableelements li {
	margin: 1px 0;
}

table#draggableth {
	margin: 0;
	padding: 0;
}

.draggableelement {
		cursor: move;
	}
	
div.greydetails {
	background: #F6F6F6;
    padding: 10px;
	margin: 10px 0 0 0;
	color: black;
	border: 1px solid #EEEEEE;
}	

div.greydetails p {
	margin: 2px 0;
	pading: 0;
}

span.smmessage {
	font-weight: normal;
	font-size: 9px;
}