/*  (c) Hexamail 2016 */
body 
{
	background: #F0F8FF;
	font-size: 0.8em;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	margin: 0px;
}


noscript
{
	
	
}
.clearfix:before,
.clearfix:after 
{
    content: " ";
    display: table;
}
.clearfix:after 
{
    clear: both;
}
.clearfix 
{
    *zoom: 1;
}
img
{
	border: 0px;
}
a
{
	text-decoration: none;
	color: #4f4f4f;
}
a:hover
{
	color: #51a5c9;
}
table
{
	border: 0px;
  	border-collapse: collapse;
  	padding: 0px 0px 0px 0px;
  	border-width: 0px;
  	border-style: solid; 
  	border-color:#FFFFFF;
}
td
{
	padding: 0px;

}


.rounded 
{ 
	/* sets rounded corners and drop faded borders */
	background: #ffffff;
	#-moz-border-radius: 8px;
	#-webkit-border-radius: 8px;
	#-khtml-border-radius: 8px;
	#border-radius: 8px;    
	-moz-box-shadow: 0px 0px 2px #4b4d4d;
	-webkit-box-shadow: 0px 0px 2px #4b4d4d;
	rembox-shadow: 0px 0px 2px #4b4d4d; 
	behavior: url(/css/PIE.htc);
	zoom:1;
	position:relative;
	z-index: 0;
	border: 1px solid gray;
}	

.button,
button,
input[type="submit"],
input[type="reset"],

input[type="button"] {
	background: #738891; /* Old browsers */
	background: #738891 -moz-linear-gradient(top, rgba(115,136,145,.5)  0%, rgba(112,152,168,1) 100%); /* FF3.6+ */
	background: #738891 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #738891 -webkit-linear-gradient(top, rgba(115,136,145,.5) 0%,rgba(112,152,168,1) 100%); /* Chrome10+,Safari5.1+ */
	background: #738891 -o-linear-gradient(top, rgba(115,136,145,.5) 0%,rgba(112,152,168,1) 100%); /* Opera11.10+ */
	background: #738891 -ms-linear-gradient(top, rgba(115,136,145,.5) 0%,rgba(112,152,168,1) 100%); /* IE10+ */
	background: #738891 linear-gradient(top, rgba(115,136,145,.5) 0%,rgba(112,152,168,1) 100%); /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: .9em;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  line-height: normal;
  padding: 2px 8px;
  margin: 0px;
	behavior: url(/css/PIE.htc);
	zoom:1;
	position:relative;
	z-index: 0;
	border: 1px solid gray;  
  letter-spacing: .1em;
/* 	  text-transform: uppercase; */
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #ffffff;
	background: #6bb671; /* Old browsers */
	background: #6bb671 -moz-linear-gradient(top, rgba(128,206,135,.5) 0%, rgba(66,169,74,1) 100%); /* FF3.6+ */
	background: #6bb671 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #6bb671 -webkit-linear-gradient(top, rgba(128,206,135,.5) 0%,rgba(66,169,74,1) 100%); /* Chrome10+,Safari5.1+ */
	background: #6bb671 -o-linear-gradient(top, rgba(128,206,135,.5) 0%,rgba(66,169,74,1) 100%); /* Opera11.10+ */
	background: #6bb671 -ms-linear-gradient(top, rgba(128,206,135,.5) 0%,rgba(66,169,74,1) 100%); /* IE10+ */
	background: #6bb671 linear-gradient(top, rgba(128,206,135,.5) 0%,rgba(66,169,74,1) 100%); /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa; }

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,

input[type="button"]:active {
	border: 1px solid #666;
color: #fff;		
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
	background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
.tooltip
{
	position: relative;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	
	color: #222;
	outline: none;
}
.qtip
{
	position: relative;
	vertical-align: super;
	cursor: help;
	font-weight:bold;
	font-size: 0.8em;
}
.tooltip span
{
font-weight:bold;
visibility: hidden;
font-size: 9pt;
position: absolute;
bottom: 10px;
left: 50%;
z-index: 999;
width: 230px;
margin-left: -127px;
padding: 10px;
border: 2px solid #ccc;
opacity: .9;
background-color: #ddd;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
border: 0; /* IE6 fix */
}

.tooltip:hover span
{
visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
content: "";
position: absolute;
z-index: 1000;
bottom: 0px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}

.tooltip span:before
{
border-top-color: #ccc;
bottom: -8px;
}
/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	

/* Navigation */
#header
{
	padding: 4px 8px 0px 8px;
}

#header #info
{
	display: block;
	float:left;
	padding: 0px 4px 0px 4px;
}
#header #info h3
{
	padding:0px;
	margin:0px;
}
#header #info h4
{
	padding:0px;
	margin:0px;
}
#header .tabs li img
{
    width:32px;
}
nav ul 
{
	-webkit-padding-start: 0px;
	padding: 0px;  
   	margin: 0px 0px 0px 4px;
	display:block;
}

nav li 
{
	display: inline;
	font-size: 1em;
	padding: 4px;
	margin: 4px 2px 0px 0px;
	float:left;
	background: #e4e4e4;
	border: 1px solid;
	border-bottom:none;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;    
}
nav li.select
{
 background: #ffffff;
   
}
nav li.select a 
{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;	
	_filter: alpha(opacity = 100);
	opacity: 1.0;
}
nav li.select a img
{
	opacity: 1.0;
	_filter: alpha(opacity = 100);
}
nav li a 
{
	color: #7f7f7f;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;	
	vertical-align:middle;
	
}

nav li a img
{
}
nav li img
{
	display: inline;
	padding: 0px;
}
nav li label
{
	padding-top:6px;
	padding-left:4px;
	display: inline-block;
}
nav a#pull
{
	background: #ffffff;
	border: 0px ;
	padding-left:4px;
	text-transform: uppercase;
	font-weight: bold;
	display:none;
}
nav img
{
	float: left;
}
#logout
{
	float:right;

}
#logout img
{
    width:32px;
}
#footer
{
	Text-Align:Right;
}
	
.centrewrapper
{
	text-align: center;
}
.centrebox
{
	margin:15% auto;
	display:inline-block;
	text-align:left;
    *display: inline;
    *zoom: 1;
    *min-width:200px;
}
.inside
{
	padding: 16px;
}
.login img
{
	float:left;
}
.login h1
{
	white-space:nowrap;
	margin: 4px 4px 24px 8px;
	float:left;
}
.login p
{
	clear:both;
	padding: 0px 0px 6px 4px;
    margin:0px;

}
.login form
{
	text-align: center;
	padding: 0px 0px 4px 0px;
}
.login .controls
{
	background: white;
}
.login .field 
{
    float: left;
    margin-left:0px;
    text-align: left;
}
.login .field  label
{
    float: left;
    margin-right:8px;
    text-align: left;
    *width: 8em;
}
.popuppage
{
	padding-left:4px;
	padding-right:4px;
}
/* context help */

#settings 
{
	background: #c0c0c0;

}
#settings  ul 
{
	-webkit-padding-start: 0px;
	padding: 0px;  
   	margin: 0px;
	float:left;
	display:block;
}

#settings li 
{
	display: inline;
	font-size: .8em;
	padding: 2px;
	height: 22px;
	
	margin: 0px 0px 0px 0px;
	float:left;
	background: #f0f0f0;
	border-collapse: separate;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-style: solid; 
	border-color: gray;
}
#settings li.select
{
	background: #c0c0c0;
	border-bottom-width: 0px;
}
#settings li.select a 
{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;	
	_filter: alpha(opacity = 100);
	opacity: 1.0;
}
#settings li a 
{
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;	
}
#settings li img
{
	display: inline;
	padding-top: 2px;
}
#settings li label
{
    margin-top:1px;
 	padding-top:0px;
	padding-left:0px;
	display: inline-block;
	vertical-align:top;
}
#settings .button
{
	float:left;
	margin: 0px 8px 0px 8px;
	height: 17px;
	padding:4px 6px 1px 6px;
}
#settings  input[type="submit"].button
{
	float:right;
	margin: 2px 8px 2px 8px;
	height: 24px;
	padding:1px 6px 1px 6px;
}
#settingspage
{
	clear: both;
	padding:8px;
	display: inline-block;
	width:100%;
}

.fields
{
	width: 50%;
	float:left;
	text-align: left;
}
.field .fields
{
	width: auto;
	clear: both;
	margin-left: 64px;
}
.field.half
{
	width: 50%;
	float:left;
	clear:none;
}
.field
{
	text-align: left;
	clear:both;
	width:100%;
	margin:0px;
	min-height:22px;
	margin-top:2px;
}


.field .group
{
	display: block;
	float:left;
	white-space: nowrap;
	width: 70%;
}
.field input[type="submit"]
{
	float:left;
	margin: 2px 8px 2px 8px;
	height: 24px;
	padding:1px 6px 1px 6px;
	margin-top:0px;
}
.field input[type="checkbox"]
{
	float:left;
	margin-right:8px;
}
.field .group input[type="checkbox"]
{
	float:none;
}
.field .group select
{
	float:none;
}
.field label
{
	float:left;
	width:25%;
	max-width:160px;
	padding-left:4px;
}
.field input[type="number"]
{
	width:15%;
	max-width:80px;
	float:left;
}
#header .field input
{
	width:70%;
	display:block;
}
#header .field label a
{
	margin:0%;
}
.field.fixed label
{
	float:left;
	width:160px;
}
.field label p
{
	clear:both;
	font-size: 0.7em;
	margin-left:0%;
}
.field input[type="text"],input[type="password"]
{
	margin-top:0px;
	float:left;
}
.field input[type="file"]
{
	margin-top:0px;
	float:left;
}
.field select[multiple]
{
	margin-top:0px;
	float:left;
	width: 50%;
}
.field select
{
	margin-top:0px;
	float:left;
}
.field textarea
{
	margin-top:0px;
	float:left;
	width: 50%;
}
.field textarea[readonly="true"]
{
	background: #d0d0d0;
	border:0px;
}

.field a
{
	margin-left:2px;
}
.field p
{
	clear:both;
	margin-left: 26%;
	padding-top:4px;
	padding-left:4px;
	font-size: 0.7em;
}

.controls
{
	float:left;
	display: block;
	clear:both;
	width: 100%;
	text-align: center;
	background: #d0d0d0;
}
.error
{
	color:red;
}

#page
{
	background: #f0f0f0;
	border: 1px solid;
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 4px;	
}
.pagecomponent
{
	background: #d0d0d0;
	padding:4px;
}
#page h3
{
	white-space: nowrap;
	margin: 0px;
	display: inline-block;
	float: left;
}
.options
{
	float:right;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.option
{
	float:left;
}
.option a
{
	margin: 0px;
}
.controlstrip
{
	width:100%;
	padding: 0.1em 0px 0px 0px;	
	display: inline-block;
}
.ctrl
{
	float: left;
	height:1.7em;
	margin-left:0.2em;
	margin-right:0em;
	display: inline-block;
}

.ctrl label
{
	float:left;
	cursor:pointer;
	margin-top:0px;
	padding:0px;
}
.controlstrip .spacer
{
	float: left;
	width: 3em;
	display: block;
	margin-top:0px;
	margin-bottom:auto;
}
				
.ctrl a
{
	display: block;
	margin-top:2px;
	margin-bottom:auto;

}
.ctrl input[type="checkbox"]
{
	display: block;
	margin-top:6px;
	margin-bottom:0px;
	font-size: 0.7em;
	
}
.ctrl input[type="text"]
{
	display: block;
	margin-top:2px;
	margin-bottom:0px;
	font-size: 0.7em;
}
.ctrl img
{
	float: left;
	display: block;
	margin-top:6px;
	margin-bottom:auto;
	margin-right: 3px;
	margin-left: 3px;
	cursor:pointer;
}
.headers
{
	clear:both;
	background: #e0e0e0;
	width:100%;
	display:inline-block;
}

.popupWindow
{
	padding:8px;
}
h2
{
	margin-top:0px;
}


/* webmail */

.fldrpath
{
	float:left;
	margin-right:4px;
}
.webmail .emllst
{
float:left;
}
.webmail #emllsttotal
{
float:left;
}
.webmail #emllststart
{
float:left;
}
.webmail #emllstshown
{
float:left;
}
.webmail .hdr
{
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:right; 
}

.webmail .select
{
	width:1.6em;
	float:left;
	height:18px;
}
.webmail .imp
{
	float:left;
	width: 10px;
	height: 18px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:right; 
}
.webmail .sns
{
	float:left;
	width: 10px;
	height: 18px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:right; 
}
.webmail .atc
{
	float:left;
	width: 18px;
	height: 18px;
	text-align: center;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:right; 
}
.webmail .hdr.flg
{
	float:left;
	width: 11%;
	height: 18px;
	background-image:url(/img/emlunr.gif);
	background-color:transparent;
	background-repeat: no-repeat;
}
.webmail .flg
{
	float:left;
	height: 18px;
	background-color:transparent;
	background-repeat: no-repeat;
}
.webmail .frm
{
	float:left;
	cursor:pointer;
	overflow: hidden;
	white-space: nowrap;
	height: 18px;
	padding: 0px 0px 0px 2px;
}
.webmail .rpl
{
	float: left;
	margin-top:4px;
	margin-left:2px;
	margin-right:2px;	
	cursor:pointer;
}
.webmail .fwd
{
	float: left;
	margin-top:4px;
	margin-left:2px;
	margin-right:2px;	
	cursor:pointer;
}
.webmail .hdr.sbj
{
	float:left;
	padding: 0px 2px 0px 34px;
}

.webmail .sbj
{
	height: 18px;
	padding: 0px 4px 0px 6px;
	overflow: hidden;
	cursor:pointer;
}
.webmail .sbjtxt
{
	float:left;
	cursor:pointer;
	overflow: hidden;
	white-space: nowrap;
}
.webmail .cnt
{
	overflow: hidden;
	white-space: nowrap;
	cursor:pointer;
	font-style: italic;
	color: gray;
	padding-right:4px;
}

.sze
{
	width:54px;
	float: right;
	height: 18px;
	text-align: right;
	padding: 0px 4px 0px 0px;
}
.webmail .dte
{
	float: right;
	width: 11em;
	font-size:0.9em;
	overflow: hidden;
	height: 18px;
}
.webmail .to
{
	float: right;
	width: 15%;
	height: 18px;
	overflow: hidden;
	padding-right:4px;
}
.webmail .fldr
{
	float: right;
	width: 18px;
	height: 18px;
}
.folderlist .flr
{
	clear:both;
	height:24px;
}
.folderlist .flr input
{
	float:left;
}
.folderlist .flr img
{
	float:left;
	padding-top:2px;
}
.folderlist .fldr
{
	margin-left:6px;
}
.folderlist .fldr label
{
	margin-left:6px;
	overflow: hidden;
}
.folderlist .new
{
	float:right;
	padding-top:0px;
	padding-right:4px;
}
.folderlist .count
{
	float:right;
	width: 5em;
	text-align:right;	
}
.folderlist .unread
{
	float:right;
	width: 5em;
	text-align:right;
}
.folderlist .size
{
	float:right;
	width: 8em;	
	text-align:right;
	margin-right:6px;
}
.folderlist .sharing
{
	float:right;
	width: 6em;
}
.aclfolder
{
	position:relative;
}
.folderlist .acl
{
	display: none;
	z-index:9999;
	position: absolute;
	background: white;
	width: 25em;
	left: -22em;
	border: 1px solid gray;
	padding: 4px;
}
.rlr
{
	clear: both;
	height:26px;
	padding-top:4px;
}
.rulelist .name
{
	float:left;
	width: 15em;
}
.rlr .name a
{
	vertical-align: top;
}
.rlr .name input
{
	vertical-align: top;
}

.rulelist .desc
{
	width: 15em;
	float:left;
	
}
.rulelist .text
{
	overflow: hidden;
	white-space:nowrap;
}
.ruleparam
{
	display:none;
}

#listnav
{
	text-align:right;
	float:right;
	height:30px;
	width: 18em;
	padding: 4px 0px 0px 0px;
}
#listnav img
{
	padding: 0px 2px 0px 2px;
}
.eldrg
{
	z-index:10;
	cursor:move;
	width: 11%;
	float: left;
	display:block;
	height: 18px;
}
.eldrg .flg
{
	float:left;
	width:16px;
	height: 18px;	
}

.eldrg .frm
{
	overflow: hidden;
	white-space: nowrap;
	float:none;
}
#emaillist
{
    overflow-y: auto;
    display: block;
    float: left;
    width:100%;
}

.elr
{
	display: block;
	clear:both;
	height: 1.6em;
	padding: 2px 0px 0px 0px;
}
.even
{
    background:#ffffff;
}
.odd
{
    background:#DBE7FD;
}
.selrow
{
    background:#ECE1BC ;
}
.hover
{
    background:#F0F0D9 ;
}

.hide
{
    display:none;
}

.new		
{
	font-weight: bold;
}

.del		
{
	text-decoration: line-through;
}
.del .sbjtxt		
{
	text-decoration: line-through;
}
.ans		
{
	font-style: italic;
}
.fwd
{
	font-style: italic;
}
#emailViewer
{
	width:100%;
	float: left;
	display: block;
	clear: both;
}
#emailViewer #eml
{
	background: #f0f0f0;
}
#emailViewer #eml #header 
{
	width: 100%;
	display:inline-block;
}
#emailViewer #eml #cnt
{
	display:block;	
	padding: 4px;
	background: white;
	border: 1px solid gray;
	margin-bottom: 8px;
}
#emailViewer #content 
{
	width:98%;
}
#emailarchiveViewer
{
	width:100%;
	float: left;
	display: block;
	clear: both;
	border: solid black 1px;
}
#emailarchiveViewer #eml
{
	background: #f0f0f0;
}
#emailarchiveViewer #eml #header 
{
	width: 100%;
	display:inline-block;
}
#emailarchiveViewer #eml #cnt
{
	display:block;	
	padding: 0px 4px 0px 4px;
	background: white;
	border: 1px solid gray;
	margin-bottom: 8px;
}
#emailarchiveViewer #content 
{
	width:98%;
}
ul#attachments
{
	margin:4px;
	-webkit-padding-start: 0px;
}
.atch
{
	float:left;
	display: inline-block;
	margin:4px;
}
.atch input
{
	float:left;
}
.atch a
{
	float:left;
}
.atch label
{
	display: inline-block;
	clear:both;
}
.atch label a
{
	clear:both;
	float:none;
}

/* --------------------------- WICK AUTO COMPLETE --------------------------------- */
/* droplist for autocompletes wick*/
.floater 
{
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	width:100px;
	top: 0px;
	left:20px;
	display:none;
	padding:0;
}
.floater td 
{
	font-family: Gill, Helvetica, sans-serif;
	background-color:white;
	border:1px inset #979797;
	color:black;
}

.matchedSmartInputItem 
{
	font-size:0.8em;
	padding: 5px 10px 1px 5px;
	margin:0;
	cursor:pointer;
}

.selectedSmartInputItem 
{
	color:white;
	background-color:#3875D7;
}

#smartInputResults 
{
	padding:0;margin:0;
}

.siwCredit 
{
	margin:0;padding:0;margin-top:10px;font-size:0.7em;color:black;
}
/* --------------------------- FOLDERS ---------------------------------- */
#cmpwmfl
{
	margin: 0px;
	padding: 0px;
	background:transparent;
}
#toolbarfolders
{
	display:none;
}

#foldertree
{
	clear:both;
	overflow: hidden;
	width: 11.5em;
	border: 0px;
	margin: 0; 
	margin-right: 4px;
	color: black;
	background: white;
	border-collapse: separate;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: #c0c0c0; 
	border-right-style: solid; 
	border-right-color: #c0c0c0 
}
#folderlist
{
	overflow: auto;
	width: 99%;
	height: 99%;
	padding: 2px 0px 8px 0px;
	border-collapse: separate;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid; 
	border-bottom-color: gray; 
	border-right-style: solid; 
	border-right-color: gray; 
}
#folderlist td
{
	border-style: none;
	cursor:pointer;
	color: #7f7f7f;
}	
#folderlist td img
{
	margin-right:3px;
}
#folderlist td:hover
{
	color: #51a5c9;
}
.fldr
{
	height:1.6em;
}
/* Folder selected row in list*/
.fldrselect
{
	height:1.6em;
}
.fldroffset
{
}
.fldricon
{
	width: 32px;
	padding: 0.1em 4px 0px 2px;
	height:1em;
	overflow: hidden;
}
.fldrtitle
{
	padding: 0.2em 0px 0px 0px;
	height:1.2em;
}

.fldrtitle a
{
	display: block;
	width:100%;
}
.iconload
{
	display:none;
}
/* archive*/
.pagecomponent.archive 
{
	background: #d0d0d0;
}
.pagecomponent.archiveview
{
	display: block;
	background: #d0d0d0;

}
.archive .headers .hdr
{
	float: right;
}

.archive .headers .hdr.cnt
{
	margin: 0px 0px 0px 56px;
}
.archive .headers input
{
	float:left;
}
.archive .headers .hdr.sbj
{
	float:left;
	padding-right: 4px;
}
.archive .flg
{
	height: 1.2em;
	overflow: hidden;
	float: left;
	width: 1em;
	display:block;
}
.archive .save
{
	height: 1.2em;
	overflow: hidden;
	float: left;
	width: 1em;
	display:block;
}
.archive .rsnd
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 1em;
	display:block;
}
.archive .savezip
{
	height: 1.2em;
	overflow: hidden;
	float: left;
	width: 1em;
	display:block;
}
.archive .more
{
	float:left;
	padding-top:2px;
	width: 24px;

}

.archive .select
{
	width:1.6em;
	float:left;
	height:18px;
}
.archive .sbj
{
	height: 18px;
	padding: 0px ;
	overflow: hidden;
	cursor:pointer;
	padding-right:4px;
}

.archive .fldr
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 23em;
	display:block;
}
.archive .to
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 23em;
	display:block;
}
.archive .sze
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 6em;
	display:block;
}
.archive .frm
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 16em;
	display:block;
}
.archive .dte
{
	float:right;
	width: 9em;	
	white-space: nowrap;
	display:block;
}
.archive .sndr
{
	height: 1.2em;
	float:right;
	width: 25em;	
	margin: 0px 8px 0px 0px;
	overflow: hidden;	
	display:block;
}

	
#spamvrfytitle
{
	font-size: 2.6em;
	font-weight: bold;
}


.spamvrfyhelp
{
	font-size: 1.1em;
}
.spamvrfyemailhdr
{
	font-weight: bold;
}
#spamvrfypage
{
	background-color: #ffffff;
}
.spamvrfyhelp
{
	color: #a0a0a0;
}
#spamvrfyemailhdrs
{
	background-color:#f0f0f0;
}
#spamvrfyimg
{
	border-color: #a0a0a0;	
}
#spamvrfyouter
{
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	width: 48em;
}
#spamvrfypage
{
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-collapse: separate;
	border-width: 1px;
	border-style: solid; 
}
#spamvrfybanner
{
	width: 100%;
	margin: 1em;
	display:inline-block;
}
#spamvrfyicon
{
	float: left;
	width: 2em;
	height:2em;
}
#spamvrfytitle
{
	width: 16em;
	height:2em;
	float:right;
	padding:0.2em 0em 0em 0em;
}

#spamvrfyform
{
	margin:1em 1em 2em 8em;

}
.spamvrfyexplain
{
	clear: both;
	margin: 0em 0em 0.8em 0em;
	font-size: 1.2em;

}
.spamvrfyhelp
{
	clear: both;
	margin: 0px 0px 8px 0px;
	width: 100%;
	text-align: center;
}
#spamvrfyemailhdrs
{
	clear: both;
	margin: 0.5em 2em 0.5em 2em;
	background-color:#f0f0f0;
	border-collapse: separate;
	border-width: 1px;
	border-style: solid; 
	border-color: #a0a0a0;	
	overflow: hidden;
	padding: 0.5em;
}
.spamvrfyemailhdr
{
	padding: 0em 0em 0.4em 0em;
	clear: both;
}
#spamvrfyimg
{
	float: left;
	margin: 0em 0em 0em 2em;
	border-collapse: separate;
	border-width: 1px;
	border-style: solid; 
}
#spamvrfyrfrsh
{
	float: left;
	margin: 0em 0em 0em 0em;
	border: none;
}
#spamvrfyimgcode
{
	float: left;
	padding: 0em 1em 0px 1em;
	height: 3em;
}
#spamvrfyimgsubmit
{
	float: left;
	padding: 0em 0em 0em 1em;
	height: 3em;
}
.spam #list .headers .hdr.cnt
{
	float:left;
	width:20px;
	padding-right: 4px;
}

/* spam quarantine */
.spam #list
{
}
.spam #list #contents
{
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background: white;
	clear:both;	
	bottom:20px;
	top:0px;
	right:0px;
	left:0px;
	postion: fixed;
}
.spam #list #contents p
{
    margin:4px;
}
.spam #list .headers .hdr
{
	float: right;
}
.spam .hdr.dte
{
	text-align:left;
}
.spam #list .headers .hdr.cnt
{
	margin: 0px 0px 0px 56px;
}
.spam #list .headers .hdr.sbj
{
	float:left;
	padding-right: 4px;
}
.spam .mth
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 4em;
	display:block;
	padding: 0px 4px 0px 4px;
}
.spam .rcp
{
	height: 1.2em;
	overflow: hidden;
	float: right;
	width: 13em;
	display:block;
}
.spam .dte
{
	float:right;
	width: 9em;	
	white-space: nowrap;
	display:block;
	text-align:right;
	padding-right:4px;
}
.spam .sndr
{
	height: 1.2em;
	float:right;
	width: 18em;	
	margin: 0px 8px 0px 0px;
	overflow: hidden;	
	display:block;
}

	

.spam #list .headers .hdr.cnt
{
	float:left;
	width:20px;
	padding-right: 4px;
}
.spam .elr
{
	height: 1.5em;
	clear:both;
	width: 100%;
}
.spam #list .elr img
{
	text-align: center;
	cursor:pointer;
	float:left;
	padding: 4px 2px 0px 2px;
	margin: 0em;	
}
.spam #list .elr input
{
	text-align: center;
	cursor:pointer;
	float:left;
	margin: 2px 2px 0px 4px;
}

.spam #list .sbj
{
	float:none;
	overflow: hidden;
	white-space: nowrap;	
	padding: 0px 0px 0px 4px;
}

.spam .del
{
	text-decoration: line-through;
}
	

.spam #list #listnav
{
	clear:both;
	float:right;
	widht: 8em;
}
.spam #eml
{
	left:80px;
	clear:both;
	margin-top:8px;
	display:none;
	position: fixed;
	z-index:0;
	background: white;
	border: 1px solid black;
	width: 75%;
	max-height: 80%;
	padding: 4px;
	overflow:auto;
}
.spam #header
{
	clear:both;
	margin-top:8px;
}
.spam #content
{
	background: white;
	padding: 4px;
	margin-bottom:8px;
}
/* Components for mail, calendar, archive */
#frmcomps
{
	display: block;
}
#frmcomps .nav
{
	float:left;
	display:table-cell;
	width: auto;
	vertical-align: top;
	background: #f0f0f0;
}
#frmcomps .list
{
	display:table-cell;
	vertical-align: top;
	width: auto;
	background: #f0f0f0;
}
#frmcomps .view
{
	float:left;
	display:table-cell;
	vertical-align: top;
	background: #f0f0f0;
}
.archive #frmcomps .list
{
	width: 100%;
}
.webmail #frmcomps 
{
	display: table;
}
.webmail #frmcomps .list
{
	display:table-cell;

	width: 100%;
}
.banner
{
	float:left;
	padding: 6px 0px 0px 0px;
	display: inline-block;
}

.banner img
{
	float:left;
}
.banner h3
{
	float:left;
	width: 20%;
	padding: 0px 8px 0px 0px;
}
.sizing
{
	float:right;
}
.sizebar
{
	clear:both;
	padding: 4px;
}
.sizebar img
{
	clear:both;
	padding: 4px;
}
.search
{
	display:inline-block;
	padding: 4px 0px 0px 0px;	
	height:30px;
	float:left;
}
.search img
{
	vertical-align: top;
}
.banner label
{
	float:left;
}
.banner select
{
	float:left;
}
.banner input
{
	float:left;
}
.banner a
{
	float:left;
}
#toolbars
{
	float:left;
	display:inline-block;
	overflow:hidden;
	background: #d0d0d0;
}
#toolbars #toolfolders
{
	display:none;
}
ul.toolbar
{
	-webkit-padding-start: 0px;
	padding: 0px;  
	float: left;
	display:inline-block;
	margin: 0px;
	background: #d0d0d0;
	
}
ul.toolbar.full
{
	width:100%;	
}
.toolbar li
{
	float:left;
	margin:0px 1px 0px 0px;
	padding:4px 4px 0px 4px;
	text-align:center;
	display:block;	
	height: 48px;
	min-width: 64px;
	background: #c0c0c0;
	vertical-align:bottom;
}
.toolbar .right
{	
float:right;
}
.toolbar li a
{
	height:24px;
	cursor: pointer;
	display:block;
	vertical-align:middle;
	
}
.toolbar li img
{
	cursor: pointer;
}
.toolbar label
{
	clear:both;
	cursor: pointer;
	margin:0px;
	display:block;	
	height:16px;
}
/* ----------------------------------- CALENDAR POPUP ----------------------------------------------------- */

/* Calendar Widget Styles */
.calpopcontainer 
{
	height:1%;
} /* IE */

#container1 td
{
	border-style: none;
}
#container2 td
{
	border-style: none;
}
#container3 td
{
	border-style: none;
}

.calpopcontainer:after 
{
	content:'.';
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
} 

/* others */
.calpopbordered
{
	float:left;
	padding:5px;
	background-color:#F7F9FB;
	border:1px solid #7B9EBD;
}

.calpopbordered .title 
{
	font:10px Arial,Helvetica,sans-serif;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	height:auto;
	width:250px;
	position:relative;
}

.title .close-icon 
{
	position:absolute;
	right:0;
	top:0;
	border:none;
}

.calpop2up 
{
	float:left;
	width:130px;
	padding: 0px;
}

.calpopnavleft
{
	position:absolute;
	top:0;
	bottom:0;
	height:12px;   
	left:2px;
}

.calpopnavright 
{
	position:absolute;
	top:0;
	bottom:0;
	height:12px;  
	right:2px;
}

/* Calendar element styles */
#cmpcalview
{
	background-color: #d0d0d0;
}
#calimport
{
	background: #d0d0d0;
}
#cmpcalalerts
{
	float:right;
	background-color: #d0d0d0;
}
.calpop 
{
	font:8px Tahoma,Arial,Helvetica,sans-serif;
	text-align:center;
	border-spacing:0;
}

.calpopcell 
{
	width:1.5em;
	height:1em;
	border:1px solid #E0E0E0;
	background-color:#FFF;
}

.calpopcell a 
{
	color:#003DB8;
	text-decoration:none;
}

.calpopcell.today 
{
	border:1px solid #000;
}

.calpopcell.oom, .calpopcell.oom:hover 
{
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

.calpopcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

.calpopcell:hover, .calpopcell.calpopcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #FF9900;
}

.calpopcell.calpopcellhover a, .calpopcell:hover a {
	color:#FFF;
}

.calpopcell.restricted {
	text-decoration:line-through;
}

.calpopcell.previous {
	color:#CCC;
}

.calpopcell.highlight1 { background-color:#CCFF99; }
.calpopcell.highlight2 { background-color:#99CCFF; }
.calpopcell.highlight3 { background-color:#FFCCCC; }
.calpopcell.highlight4 { background-color:#CCFF99; }


.calpophead
{
	width:140px;
	font-size: 9px;
	text-align: center;
	border:1px solid #E0E0E0;
	vertical-align:middle;
	background-color: #FFF;
}

.calpopheader 
{
	position:relative;
	width:100%;
}

.calpopheader img 
{
	border:none;
}

.calpopweekdaycell {
	color:#666;
	font-weight:normal;
}

.calpopfoot {
	background-color:#EEE;
}

.calpoprowhead, .calrowfoot 
{
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.calpoprowhead 
{
	border-right-width:2px;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
.yui-calcontainer {
	position:relative;
	padding:5px;
	background-color:#F7F9FB;
	border:1px solid #7B9EBD;
	float:left;
	height:auto;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

.yui-calcontainer.multi {
	padding:0;
	clear:both;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	font:100% sans-serif;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	height:25px;
	position:absolute;
	top:3px;left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	position:absolute;
	right:3px;
	top:3px;
	border:none;
	z-index:1;
}

.yui-calcontainer .calclose {
	background: url("../img/close.gif") no-repeat;
	width:17px;
	height:13px;
	cursor:pointer;	
}

/* Calendar element styles */

.yui-calendar {
	font:100% sans-serif;
	text-align:center;
	border-spacing:0;
	border-collapse:separate;
	position:relative;
}

.yui-calcontainer.withtitle {
	padding-top:1.5em;
}

.yui-calendar .calnavleft {
	position:absolute;
	cursor:pointer;
	top:1px;
	bottom:1px;
	width:13px;
	height:13px;
	left:2px;
	z-index:1;
	background: url("../img/left.gif") no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	cursor:pointer;
	top:1px;
	bottom:1px;
	width:13px;
	height:13px;
	right:2px;
	z-index:1;
	background: url("../img/right.gif") no-repeat;
}

.yui-calendar td.calcell {
	padding:.1em .2em;
	border:1px solid #E0E0E0;
	text-align:center;
	background-color:#FFFFFF;
}

.yui-calendar td.calcell a {
	color:#003DB8;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border:1px solid #000;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#CCC;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }

.yui-calendar .calhead {
	border:1px solid #E0E0E0;
	vertical-align:middle;
	background-color:#FFF;
}

.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:1.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}

/* CalendarNavigator */
.yui-calendar a.calnav {
	_position:relative;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	color:#000;
}

.yui-calendar a.calnav:hover {
	border:1px solid #003366;
	background-color:#6699cc;
	background: url(calgrad.png) repeat-x;
	color:#fff;
	cursor:pointer;
}

.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	display:none;

	margin:0;
	padding:0;

	left:0;
	top:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
	_height:0;

	background-color:#000;
	opacity:0.25;
	*filter:alpha(opacity=25);
}

.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	display:none;

	padding:0;
	top:1.5em;
	left:50%;
	width:12em;
	margin-left:-6em;

	border:1px solid #7B9EBD;
	background-color:#F7F9FB;
	font-size:93%;
}

.yui-calcontainer.withtitle .yui-cal-nav {
	top:3.5em;
}

.yui-calcontainer .yui-cal-nav-y,
.yui-calcontainer .yui-cal-nav-m,
.yui-calcontainer .yui-cal-nav-b {
	padding:2px 5px 2px 5px;
}

.yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}

.yui-calcontainer .yui-cal-nav-e {
	margin-top:2px;
	padding:2px;
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
}

.yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}

.yui-calcontainer .yui-cal-nav-mc {
	width:100%;
	_width:auto; /* IE6 doesn't like width 100% */
}

.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border: 1px solid #000;
}

.yui-calcontainer .yui-cal-nav-yc {
	width:3em;
}

.yui-calcontainer .yui-cal-nav-b button {
	font-size:93%;
	text-decoration:none;
	cursor: pointer;
	background-color: #79b2ea;
	border: 1px solid #003366;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:1px;
}

.yui-calcontainer .yui-cal-nav-b .yui-default button {
	/* not implemented */
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}

/* --------------------------- WEBCALENDAR ---------------------------------- */
#calpagetitle
{
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	width:200px;
	font-weight: bold;
	font-size: 20px;
}
#calalerts
{
	float:right;
	padding: 1px 0px 0px 0px;
}
#calselectview
{

	float: left;
	padding:0.3em 4px 0px 4px;
	height: 2.4em;
	overflow:hidden;
}
#calselecttype
{
	float: right;
	padding:0.3em 4px 0px 4px;
	height: 2.4em;
	overflow:hidden;
}
#calselecttimeperiod
{
	height:3em;
	padding:2px 8px 0px 8px;
	overflow: hidden;
}
#calselecttimeperiod img
{
	height: 1.2em;
	width: 1.2em;
}

#calviewframe
{
	margin:0px;
	width:100%;
	background-color:  #f0f0f0;
	overflow: hidden;
	display:table;
}


#calleftbar
{
	width: 200px;
	padding: 0px;
	background-color: #f0f0f0;
}
#calview.list
{
	width:100%;
}
#calheader
{
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: solid 1px #a0a0a0;
	background: #d0d0d0;
	height:2.9em;
}
#calimport
{
	padding: 4px 4px 10px 4px;
}
#caltoolbarframe
{
	position:relative;
	clear:both;
}
.calbtnbar
{
}
.calbtn
{
	float: left;
	width: 28px;
}
#calical
{
	background: white;
	font-family: courier;
	border: 1px solid black;
	margin: 4px;
	white-space: pre;
	width: 16px;
	height: 20px;
	overflow:auto;
	position: absolute;
}
#calical:hover
{
	width:350px;
	height:500px;
}
#calselectlast
{
	text-align:center;
	float: left;
	padding: 0px 12px 0px 12px;
}
#calselectdate
{
	margin-left: auto;
	margin-right: auto;
	width:24em;
	text-align:center;
}
#calselectdown
{
	float: left;
	width:24px;
}
#calselectup
{
	float: right;
	width:24px;
}
#calselectnext
{
	text-align:center;
	float: right;
	padding: 0px 12px 0px 12px;
}
#calselecttimepicker
{
	height:1.5em;
	padding: 2px 8px 0px 8px;
	margin-left: auto;
	margin-right: auto;
	width:42em;
}
.calselecttimepickerentry
{
	float:left;
	height:1.5em;
	padding: 0px 3px 0px 3px;
	text-align:center;
}


#calfilter
{
	padding: 0px;
	border-style: none;
	margin:0px;
	background-color: #f0f0f0;
}

#calmenubar
{	
	min-width: 200px;
}
.calmenusub
{
	width:100%;
	clear:both;
	border-collapse: separate;
	border-top: 0px; 
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-style: solid;
	padding: 0px;
	margin:0px;
	border-color: #c0c0c0;
}

.calmenuheader
{
	background: url("/img/compback.gif");
	font-weight: bold;
	padding-right: 4px;
	padding-left: 0px;
}
.calmenuicon
{
	float:left;
}
.calmenutext
{
	float:left;
	padding:2px;
	width:100%;
	font-size:1.2em;
	background: #d0d0d0;
}
.calmenuitem
{
	clear:both;
	width:100%;
	margin:12px 0px 0px 12px;
	padding: 4px 0px 0px 0px;
	
}
.calmenuitem input
{
	float:left;
	padding: 0px 0px 0px 4px;
}
.calmenuitem img
{
	float:left;
	padding: 4px;
}
.calmenuitemtext
{
	float:left;
	padding: 3px 4px 4px 2px;
}
.calmenuitemlabel
{
	float:left;
	padding: 3px 4px 4px 2px;
	width: 88px;
}
.calmenuitem select
{
	float:left;
	margin: 0px;
}
.calmenulink
{
	width:16px;
	float:left;
	padding: 0px 2px 4px 0px;
}
.calmenulink img
{ 
	float:left;
	width:16px;
}
.calmenupopup 
{
	border: solid 1px #333;
    font-family: Tahoma;
    font-size: 12px;
    display: none;
    position: absolute;
    width: 300px;
    z-index: 60;
}
.calmenupopuptitlebar 
{
	background: blue;
    color: white;
    font-weight: bold;
    height: 20px;
	padding:4px;
}
.calmenupopuptitlebar  img
{
	float:right;
	margin:0px 0px 2px 0px;
	width:10px;
}
.calmenupopuptitle
{
	float: left;
    color: white;
    font-weight: bold;
    width:80%;
}
.calmenupopupbody 
{
	background: #ddd;
    padding: 5px;
    text-align: center;
	clear:both;
}
.calmenupopupbody  input
{
	width: 95%;
}


#caltoolbar
{
	padding: 4px 0px 8px 0px;
}
.calheading 
{
	height: 1.6em;
	padding: 2px 0px 0px 4px;
}
.calheading td
{
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
}
.calentrycell
{
	border-collapse: separate;
	border-top: 1px; 
	border-left: 1px;
	border-right: 0px;
	border-bottom: 0px;
	border-style: solid;
	padding: 0px;
	margin:0px;
	border-color: #a0a0a0;
	vertical-align: top;
}

.bgholiday
{
	float: left;
	overflow: hidden;
	white-space: nowrap;
}
.caldaynumber
{
	float: right;
}
.caldayheading
{
	float:left;
	padding: 0px 32px 0px 0px;
}
.caldayhour td
{
}
.calhourheading
{
	width:3em;
	height: 1em;
	padding: 2px 8px 0px 8px;
	margin:0px;
	border-color: #a0a0a0;	
}
.calev
{
	clear:both;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
	height:1.2em;
	overflow: hidden;
	white-space: nowrap;
}
.calevtime
{
	padding: 0px 0px 0px 2px;
	float: left;
}
.calevimg
{
	float: left;
}
.calevtxt
{
	padding:0px 4px 0px 0px;
}
.calevdesc
{
	overflow: hidden;
}

.calweekday 
{
	width:100%;
}
.calweekday  td
{
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-collapse: collapse;
	border-color: #a0a0a0;
}
.calweekdayheading
{
	width:6em;
	height:4em;
}
.calweekev
{
	height:54px;
	padding: 0px;
}
td .calweekev 
{
	border: 0px;
}
.cy
{
	margin:0px;
	padding:0px;
}
.cywh
{
	height:12px;
	width: 100%;
	text-align:center;
	border-collapse: collapse;
	border-top: 0px; 
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
.cym
{
	float:left;
	width:32%;
	padding:2px;
	margin:0px;
}
.cymw
{
	padding:0px;
	margin:0px;
}
.cymwd
{
	width: 13%;
	border-style: solid;
	border-collapse: collapse;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
}
.cymh 
{
	text-align:left;
	font-weight: bold;
	padding:0px 0px 1px 2px;
}
.cywh 
{
	width:100%;
}
.cywh ul
{
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.cywh li
{
	background-color: #AED5FF;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 13%;
	text-align: center;
	font-weight: bold;
	border-color: #AED5FF;
	border-style: solid;
	border-collapse: collapse;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.cyev
{
	float: left;
	width:8px;
	height:8px;
}
.cyev img
{
	width: 8px;
	height: 8px;
}
.cymd
{
	float:left;
	width:13%;
	border-color: #c0c0c0;
	border-style: solid;
	border-collapse: collapse;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
}
.cymdn
{
	float: right;
	font-size: 80%;
	text-align:right;
}
/*
.cmdctd
{

.cmddtd
{
}
.cmdctdwe
{
}
.cmddtdwe
{
}
.cmdc
{
}
.cmdcsel
{
}
.cmdcwe
{
}
*/
.cmdd
{
	opacity: 0.4;
	filter: alpha(opacity = 40);
}
.cmddwe
{
	opacity: 0.4;
	filter: alpha(opacity = 40);
}
#caljournal
{
	width:100%;
}
#calinlineentryedit
{
	margin-right: 70px;
	padding: 8px 8px 16px 8px;
	display:inline-block;
}
.calinlineeditgroup
{
	float: left;
	height: 80px;
	display: inline-block;
}
.calinlineeditctl
{
	height: 20px;
}
.calentryimg
{
	width:16px;
	height: 20px;
	float: left;
	padding: 0px 4px 0px 4px;
}
.calentryconf
{
	width:16px;
	height: 20px;
	padding: 0px 4px 0px 4px;
	float: left;
}

.calentrydate
{
	float: left;
	width: 150px;
	height: 20px;
}
.calentrytime
{
	float: left;
	width: 150px;
	height: 20px;
}
.calentrytext
{
	float: left;
	height: 20px;
}
.caljournalconf
{
	float:left;
	height: 20px;
}
.caljournalconf img
{
	padding: 2px 0px 0px 2px;
}
.caljournalcat
{
	float:left;
	height: 20px;
}
#caljournalentries
{
	padding: 0px 0px 0px 0px;

}
.caljournalentry
{
	width:100%;
	height:64px;
	border-collapse: separate;
	border-top: 1px; 
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-style: dashed;
	border-color: #a0a0a0;
	padding: 0px 0px 4px 0px;	
}
#caltodoentries th, #caltodoentries td
{
	padding: 0px 4px 0px 4px;
}
#caltodo
{
}
.caltodoentry
{
	
	height: 24px;
	padding: 2px 0px 2px 0px;
}
.calentrybanner
{
	height: 16px;
	padding: 4px 8px 4px 4px;
}
.calentrybody
{
	padding: 4px 8px 4px 4px;
}
#calctls
{
	clear: both;
	width:100%;
	height:24px;
	padding: 4px 4px 0px 4px;
}
#calctls input
{
	float: left;
	padding: 0px 16px 0px 0px;
}
#calctlsright
{
	float: right;
	width:64px;
	padding: 4px 4px 0px 0px;
}
#calctlsright input
{
	padding: 0px 0px 8px 0px;
}
#calmanage
{
	padding:4px 8px 16px 8px;
	margin:0px;
	clear:both;
}
.callist
{
	padding:4px 8px 0px 8px;
	margin:0px;
	clear:both;
}

.callisthead th
{
	font-weight: bold;
	text-align:left;
}
#calcatmanage
{
	padding:4px 8px 16px 8px;
	margin:0px;
	clear:both;
}
#caleventedit
{
	padding:8px 0px 8px 0px;
}
#caleventedit td
{
	border-style: none;
}
.caleventeditctls
{
	clear: both;
	width:700px;
	height:16px;
	padding: 0px 0px 16px 0px;
}
.caleventeditctl
{
	float:left;
	padding: 0px 0px 0px 8px;
}
.caleventeditctlright
{
	float:right;
	padding: 0px 8px 0px 8px;
}
#caleventeditimg
{
	float:right;
}
#caleventeditimg img
{
	width:32px;
	height:24px;
}
#caleventeditentry
{
	width:700px;
	padding: 4px 20px 0px 20px;
	margin-left: auto;
	margin-right: auto;
}

.caleventeditfield
{
	clear:both;
	padding: 8px;
}

.caleventeditfieldname
{
	width:160px;
	float:left;
	height:20px;
}
.caleventeditfieldvalue
{
	float:left;
}
.caleventeditfieldvalue td
{
	vertical-align: top;
	padding: 0px 2px 0px 0px;
}
#calview
{
	background-color: #f0f0f0;  
}
.cmdcwe
{
	background-color:#F0F0D9;
}
.cmdctd
{
	background-color: #c4e3fd; 
}
.cmdc
{
	background-color: #ffffff; 
}

/* tree stuff */
table.root {
	table-layout: auto /* fixed */;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	vertical-align:top;
}

.son {
	position: relative;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}


.plus {
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	/* cursor: hand; */
	color: #000000;
	font-family: monospace;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

.icon {
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	/* cursor: hand; */
	color: #000000;
	font-family: monospace;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

.plus:hover {
	color: #FF0000;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

.tc {
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

/* link */
.l {
	/* padding: 2px; */
	/* border: 1px solid; */
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	/* cursor: hand; */
	white-space: nowrap;
	font-family: sans-serif;
	text-align: left;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

.l:hover {
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

/* selected link */
.sl {
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
	cursor: pointer;
	/* cursor: hand; */
	white-space: nowrap;
	font-family: sans-serif;
	margin: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	vertical-align:top;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

.sl:hover {
	text-decoration: underline;
	width: auto;
	border: 0 /* 1px solid black*/ ;
}

/* --------------------------- ADDRESS BOOK ------------------------------------------ */
#ablist
{
	width:100%;
}
.abentry
{
	padding: 2px 0px 4px 8px;
}
.abchk
{
	float:left;
	width:20px;
	padding: 0px 0px 0px 2px;
}
.abimg
{
	float:left;
	width:20px;
}
.abname
{
	float:left;
}
.abrec
{
	float:right;
	padding: 0px 2px 0px 0px;
}
.abemail
{
	clear:both;
	padding: 0px 0px 0px 42px;
}

#abctls
{
	clear:both;
	padding: 8px 0px 0px 8px;
}
.abctl
{
	height:20px;
	float:left;
	width: 80px;
}
.abctlimg
{
	padding: 2px;
	float:left;
	width: 16px;
}
.abctltxt
{
	float:left;
}
#abimport
{
	margin: 0px 0px 8px 4px;
}
#abimportfile
{
	float:left;
	width: 180px;
}
#abimportbutton
{
	float:left;
	width: 64px;
}
#abheader
{
	padding: 4px 0px 8px 8px;
}
#frmab
{
	padding: 0px;
	margin:0px;
	display:inline;
}
.abfield
{
	clear: both;
	padding: 0px 0px 0px 12px;
}
.abfieldname
{
	float: left;
	width:100px;
}
.abfieldvalue
{
	float: left;
}
.logout
{
	display: none;
}



/* mobiles */
@media screen and (max-width: 700px) 
{
	#header
	{
		padding: 0px 0px 0px 0px;
	}
	#header img
	{
		display: none;
	}
	nav ul 
	{
		padding: 0px 4px 0px 4px;
		margin: 0px;
		display: none;
		height: auto;
		width: 100%;
		background: white;
	}
	nav li 
	{
		display: block;
		float: none;
		width: 100%;
		border:0px;
		margin:0px;
		padding: 0px;
		margin-left:0px;
	}
	.logout
	{
		display: block;
	}
	#page
	{
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		border-left-width:0px;
		border-right-width:0px;
	}
	.banner
	{
		display:none;
	}
	.search
	{
		display:none;
	}	
	#listnav
	{
		display:none;
	}
	#calleftbar.column
	{
		display:none;
	}
	.cym
	{
		float:left;
		min-height:220px;
		width:100%;
	}
	.cymdn
	{
		min-height:30px;
	}
	nav a#pull 
	{
		display: block;
		width: 100%;
		position: relative;
		padding: 4px;
	}
	nav a#pull:after
	{
		content:"";
		background: url('/img/navicon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 6px;
	}	
	
}
@media screen and (max-width: 940px) 
{
	#header #info 
	{
		display: none;
	}
	#header li img
	{
		display: none;
		
	}
	#header li label
	{
		padding-top:2px;
	}	
	#page h3
	{
		display: none;
		
	}
	.inside
	{
		padding: 8px;
	}
	#frmcomps .nav
	{
		display:none;
	}
	#frmcomps .list
	{
		display:block;
		width: auto;
		clear:both;
	}
	#settings li img
	{
		display: none;
		
	}
	#settings li 
	{
		padding: 4px;
	}

	.fields
	{	
		clear:both;
		width:100%;
	}
	.field textarea
	{
		width:65%;
	}
	.field input[type="file"]
	{
		width:35%;
	}
	.field input[type="text"]
	{
		width:65%;
	}
	.field input[type="number"]
	{
		width:25%;
	}
	.field input[type="password"]
	{
		width:65%;
	}
	.qtip
	{
		display: none;
		cursor: arrow;		
	}
	.tooltip:hover span
	{
		display: none;
	}
	.tooltip
	{
		cursor: arrow;
	}
	.ctrl input[type="checkbox"]
	{
		
	}
	.spam .elr
	{
		border-collapse: separate;
		border-right-width: 0px;
		border-left-width: 0px;
		border-top-width: 1px;
		border-bottom-width: 0px;
		border-style: solid; 
		border-color: gray;
		display: inline-block;
		height: 4.3em;
		padding-top: 2px;
	}
	.spam .hdr
	{
		display: none;
	}
	.spam .dte
	{
		width: 12em;
float:right;	}	
	.spam .sndr
	{
		width: 30em;
float:left;
	}
	.spam .sbj
	{
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		clear: both;
		font-weight:bold;
	}	
	.spam .rcp
	{
		display: none;
	}	
	.spam .mth
	{
		display: none;
	}	
	.spam #list #contents
	{
		width:100%;
		overflow-y:hidden;
		overflow-x:hidden;
		clear:both;	
		bottom:20px;
		top:0px;
		right:0px;
		left:0px;
		postion: fixed;
	}	
	input[type="checkbox"]
	{
		rem-ms-transform: scale(1.2); /* IE */
		rem-moz-transform: scale(1.2); /* FF */
		rem-webkit-transform: scale(1.2); /* Safari and Chrome */
		rem-o-transform: scale(1.2); /* Opera */
		z-index:1;
	}
	.spam #list .elr img
	{
		text-align: center;
		cursor:pointer;
		float:left;
		padding: 4px 6px 0px 6px;
		margin: 0em;	
	}
	.spam #list .elr input
	{
		text-align: center;
		cursor:pointer;
		float:left;
		margin: 2px 6px 0px 8px;
	}
	ul.toolbar 
	{
	}
	.toolbar li.toolab 
	{
		display:none;
	}
	.toolbar li
	{
		float:left;
		margin:0px 1px 0px 1px;
		padding:1px 1px 0px 1px;
		text-align:center;
		min-width: 24px;
		height:24px;
		vertical-align:bottom;
	}
	.toolbar li label
	{
		display: none;
	}
	.toolbar li select
	{
		overflow:hidden;
		width: 12em;
	}
	.toolbar li select option
	{
		overflow:hidden;
	}
	.headers
	{
		display:none;
	}
	.rulelist .headers
	{
		display:inline-block;
	}
	.folderlist .headers
	{
		display:inline-block;
	}
	.webmail #list
	{
		margin-left:2px;
		margin-right:2px;	
	}
	.webmail #content
	{
		margin-left:2px;
		margin-right:2px;	
	}
	
	.webmail .elr
	{
		height:58px;
		display:block;
		clear:both;
	}
	.webmail .elr .e
	{
	    overflow:hidden;
	}
	.webmail .elr .select
	{
		height:54px;
		width:32px;
		float:left;
	}
	.webmail  .hdr .select
	{
		display:none;
	}
	
	.webmail .imp
	{
		display:none;
	}
	.webmail .rpl
	{
		display:none;
	}
	.webmail .fwd
	{
		display:none;
	}
	.webmail .sns
	{
		display:none;
	}
	.webmail .sze
	{
		display:none;
	}
	.webmail .dte
	{
		float:right:
	}
	.webmail .to
	{
		display:none;
	}
	.webmail .eldrg 
	{
		display:none;
	}
	.webmail .flg
	{
		clear:both;
	}
	.webmail .frm
	{
		float:left;
	}
	.webmail .date
	{
		float:right;
	}
	
	.webmail .sbjtxt
	{
		float:left;
		height:18px;
	}
	.webmail  .cnt
	{
		clear:both;
		overflow:hidden;
		white-space: nowrap;
	}

	.archive .elr
	{
		height:58px;
		display:block;
		clear:both;
	}
	.archive .elr .e
	{
	    overflow:hidden;
	}
	.archive .elr .select
	{
		width:24px;
		float:left;
	}
	.archive .imp
	{
		display:none;
	}
	.archive .rpl
	{
		display:none;
	}
	.archive .flg
	{
		float:left;
		padding:4px 6px 0px 0px;
	}
	.archive .sbj
	{
		float:left;

		width:75%;
		padding: 0px;
		height:18px;
	}
	.archive .more
	{
		float:left;
		padding-top:2px;
		width: 24px;
		
	}
	.archive .sbj	
	{
		padding:0px;
		margin: 0px 0px 0px 4px;
		height:18px;
	}
	.archive .fwd
	{
		display:none;
	}
	.archive .sns
	{
		display:none;
	}
	.archive .sze
	{
		display:none;
	}
	.archive .rcpt
	{
		float:left;
	}
	.archive .eldrg 
	{
		display:none;
	}
	.archive .frm
	{
		float:left;
		width: 55%;
	}
	.archive .save
	{
		clear:both;
		padding-top:4px;
	}
	.archive .savezip
	{
		padding-top:4px;
	}
	.archive .to
	{
		float:left;
		width:80%;
	}	
	.archive .rsnd
	{
		float:left;
		padding-top:4px;
	}
	.archive .dte
	{
		float:right;
		width: 30%;
		overflow: hidden;
	}	
	.nav 
	{
		display:none;
		width:0px;
	}

	#toolbars #toolfolders
	{
		display:block;
	}
	.banner
	{
		display:none;
	}
	#calselectlast, #calselectnext,#calselecttimepicker,#calimport
	{
		display:none;
	}
	.calheading
	{
		display:none;
	}
	#calselectdate
	{
		width: 12em;
	}
	#calselecttimeperiod
	{
		float:left;
		margin: 0 auto;
	}
	#calheader
	{
		height:auto;
		display:inline-block;
		width:100%;
	}
	.spam #eml
	{
		left:0px;
		top:0px;
		clear:both;
		position: fixed;
		margin:1px;
		display:none;
		z-index:0;
		background: white;
		border: 1px solid black;
		width: 100%;
		padding: 4px;
		overflow:hidden;
		max-height: 100%;
		bottom:0px;
	}


}
.emlatch 
{
    float:left;

}

#loader
{  
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    ./background-color:grey;
    opacity: .8;
	display:none;
 }

#ajax-loader 
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px; /* -1 * image width / 2 */
    margin-top: -64px;  /* -1 * image height / 2 */
    display: block;     
}

#circularG
{
position:relative;
width:128px;
height:128px
}

.circularG{
position:absolute;
background-color:#0747A8;
width:29px;
height:29px;
-moz-border-radius:19px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:19px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:19px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:19px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:19px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:50px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG_2{
left:14px;
top:14px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG_3{
top:0;
left:50px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG_4{
right:14px;
top:14px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG_5{
right:0;
top:50px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG_6{
right:14px;
bottom:14px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG_7{
left:50px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG_8{
left:14px;
bottom:14px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}

#print 
{
    background: white;
}
#print #header 
{
    width: 100%;
    display: inline-block;
    margin-bottom:32px;
}
#print #header .field img 
{
      display: none;
}




#print #cnt 
{
    display: block;
    padding: 8px;
    background: white;
    border: 0px solid gray;
    margin-bottom: 8px;
}

#webfolder
{
	margin:20px;
	padding: 0.5em;
}
#webfolderbanner
{
	font-size:3em;
	font-weight:bold;
}
#webfoldericon
{
	float:left;
}
#webfolderlinks
{
	margin: 0px 0px 0px 4px;
	float:left;
}
#webfolderpath
{
	float:left;
	font-weight: bold;
}
#webfoldercontrol
{
	clear: left;
}
#webfoldercontents
{
	clear: both;
	font-size: 1.2em;
	margin: 6em 2em 2em 1em;
	
}
.webfolderitem
{
	width: 100%;
	clear:both;
}
.webfolderitem .date 
{
	float: left;
	width: 190px;
	text-align: right;
	margin: 0px 0px 0px 4px;
}
.webfolderitem .size 
{
	float: left;
	width: 64px;
	text-align: right;
	margin: 0px 0px 0px 4px;
}
.webfolderitem .icon 
{
	float: left;
	width:32px;
	margin: 0px 0px 0px 20px;
}

.webfolderitem .link 
{
	float: left;
	margin: 0px 0px 0px 0px;
}