/*********************************************************************************** 
    Global Elements
***********************************************************************************/
*{
    margin:0px;
    padding:0px;
    border:0px;
}
html, body{ height:100%; width:100%;}
body{    
	background:#fff url(../img/layout/bg-body.png) repeat-x;
	background-position:0 -46px;	
    font-family:Arial, Verdana;
    font-size:14px;
    line-height:18px;
    color:#656565;
    text-align:center;
}
p, h1, h2, h3, h4, ul, table{
    margin-bottom:20px;    
}
h1, h2, h3, h4, caption{
    color:#333;
    font-weight:bold;
}
h1{
    font-size:20px;
    line-height:28px;
    font-weight:normal;	
}
h2{
    font-size:18px;       
    line-height:24px;
    font-weight:normal;		
}
h3{
    font-size:14px;
    line-height:20px;
	color:#565656;	
}
caption{
    font-size:16px;
    line-height:24px;
}
ul{
    list-style-type:none;    
}
li{
    padding-left:13px;
    background-image:url(../img/components/bg-li.gif); 
    background-position:4px 10px;
    background-repeat:no-repeat;      
}
ul.ul-white li{
	padding-left:13px;
    background-image:url(../img/components/bg-li-white.gif); 
    background-position:4px 8px;
    background-repeat:no-repeat;  
}
label{
    display:block;
	line-height:22px;	   
}
input{
    border:1px solid #ccc;
    display:inline;
    font-size:14px;
}
textarea{
    border:1px solid #ccc;
}
a{
    /*color:#ff9933; orange*/
	color:#57a2dc;
    text-decoration:none;
    cursor:pointer;
	cursor:hand;
}
a:hover{
    color:#57a2dc;
    text-decoration:underline;
}
img{
    display:block;   
}
table
{
    border-collapse:collapse;
}
hr{
	border-top:1px solid #dfdfdf;
	margin-top:10px;
	padding-bottom:10px;
}
.checkbox, .radio
{
    border:0px;
    line-height:20px;
    vertical-align:middle;    
}
.input-select
{
	border:1px solid #ccc !important;
}
blockquote {
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#888;
	margin-bottom:4px;
	font-style:italic;
	font-weight:bold;
}
/* fix extra line height of sup and sub */
sup {
	font-size:x-small;
    	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
h2 sup{
	font-size:8px;
	bottom:1.2em;
}
h3 sup{
	font-size:8px;
	bottom:1.2em;
}
sub {
	font-size:smaller;
    vertical-align: baseline;
	position: relative;
	bottom: -0.25em;
}

 
/* Site Layout */
.global-wrapper{
    margin:0 auto;
    text-align:left;
    width:840px;
}
.header
{
    padding:0px;
	text-align:center;
	width:840px;
	height:170px;
	position:absolute;
	z-index:2;		
}
.header-placeholder
{
	height:200px;
}
.content
{
	padding:0px 10px;	
} 
.footer
{
	padding:0 0 10px 0;
} 



/*********************************************************************************** 
    Layout Elements     
***********************************************************************************/

/* Header */
.header-light
{
	background:url(../img/layout/bg-header.jpg) no-repeat center top;
	background-position:50% -130px;
	width:100%;
	top:0;
	left:0;
	height:170px;
	position:absolute;
	z-index:1;
	overflow:hidden;		
}
.logo{
	float:left;
	margin-top:20px;
	margin-left:40px;
}
.tag-box{
	float:right;
	color:#fff;
	font-size:18px;	
	padding:46px 80px 0 0;
	text-align:left;
	width:350px;	
}
.tag-box img { float:left; }
#header-standard .tag-box { padding:28px 20px 0 0; width:300px;}
#header-standard .sign-up
{
	margin:10px 0 10px 10px;
	width:131px;
	height:32px;

}
#header-standard .tag-line, .tag-line2 {
	font-size:14px; 
	font-weight:bold; 
	text-align:center; 
	width:151px;

}
#header-biz{display:none;}
/* Nav */
.nav
{
    height:46px;
    width:840px;
	margin:0px;
	z-index:2;	
	margin:0 auto;
	overflow:hidden;
}
.nav li{
    margin:0;
    padding:0;
    display:block;
    float:left;   
}
.nav li a
{
    display:block;
    height:46px; 
	line-height:46px;
	vertical-align:middle;
	font-size:12px;
	text-align:center;	
	color:#fff;   
	text-decoration:none;	
}
/*toggeled in home.css */
#header-home{display:none;}

.nav li a:hover
{
    text-decoration:none;   
	color:#fff;
}
#nav-1, #nav-2, #nav-3, #nav-4, #nav-5, #nav-6, #nav-7{
    background-image:url(../img/layout/bg-nav.png);	
	background-repeat:no-repeat;
}
#nav-1{ width:90px;   background-position:0 0; }
#nav-2{ width:130px;  background-position:-90px 0; }
#nav-3{ width:130px;  background-position:-220px 0; }
#nav-4{ width:120px;  background-position:-350px 0; }
#nav-5{ width:130px;  background-position:-470px 0;  }
#nav-6{ width:100px;  background-position:-600px 0; }
#nav-7{ width:140px;  background-position:-700px 0; }
#nav-1:hover{ background-position:0 -46px; }
#nav-2:hover{ background-position:-90px -46px;  }
#nav-3:hover{ background-position:-220px -46px; }
#nav-4:hover{ background-position:-350px -46px; }
#nav-5:hover{ background-position:-470px -46px;  }
#nav-6:hover{ background-position:-600px -46px; }
#nav-7:hover{ background-position:-700px -46px; }
#nav-1.selected{ background-position:0 -46px; }
#nav-2.selected{ background-position:-90px -46px;  }
#nav-3.selected{ background-position:-220px -46px; }
#nav-4.selected{ background-position:-350px -46px; }
#nav-5.selected{ background-position:-470px -46px;  }
#nav-6.selected{ background-position:-600px -46px; }
#nav-7.selected{ background-position:-700px -46px; }
.arrow
{
	width:20px; 
	height:10px; 
	background:url(../img/layout/nav-arrow.png) no-repeat;
	margin-top:-1px;
	z-index:2;
	position:absolute;
}
#arrow-1{margin-left:40px;}
#arrow-2{margin-left:145px;}
#arrow-3{margin-left:275px;}
#arrow-4{margin-left:400px;}
#arrow-5{margin-left:525px;}
#arrow-6{margin-left:640px;}
#arrow-7{margin-left:760px;}

/* Footer */
.footer-text
{
    font-size:10px;
    color:#999;      
	text-align:center;    
	line-height:20px;
	vertical-align:middle;
}
.footer-text a{
	color:#999;
	text-decoration:underline;
}
.footer-text img{
display: inline;
vertical-align:top;
}
.footer-bar
{
	background:#ccc url(../img/layout/bg-footer.png) no-repeat;
	width:830px;
	height:44px;
	margin:0px auto 10px auto;
	float:left;	
}
.footer-bar li
{
    float:left;
	display:block;
    margin:0px;
    white-space:nowrap; 
    background-image:none;
}
.footer-bar li a, .footer-bar li a:hover
{
	color:#fff;
	text-decoration:none;
	font-size:12px;
    line-height:44px;    
    height:44px;
    vertical-align:middle;	
	display:block;
    padding:0 15px;
    white-space:nowrap;
	float:left;		
}
li.logo-handmark{float:right;}
.logo-handmark a
{
	display:block;
	text-decoration:none;
	height:32px !important;
	padding-top:12px !important;
}

/*********************************************************************************** 
    Custom Controls
***********************************************************************************/
.no-border{border:0px;}
.no-margin{margin:0px;}
.no-padding{padding:0px;}
.clear{clear:both;}
.wrapper{margin:0px auto;}

/* Hidden inputs fix - Mozilla */
input[type="hidden"] {
  -moz-appearance: none;
  display: none;
  padding: 0;
  border: 0;
  cursor: auto;
  -moz-user-focus: ignore;
  -moz-binding: none;
}

/* Tree */
.tree-wrapper table{
    margin:0px;
    padding:0px;
}
.tree-wrapper img
{
    display: block; 
    float: left;
    vertical-align:middle;
    line-height:20px;
}
.tree-wrapper div
{
   display: inline-block;
   text-align:left; 
   vertical-align:middle;
}

/* Page Columns */

.column-2-major
{
    width:500px;
    float:left;
}
.column-2-minor
{
    width:240px;
    float:left;
}
.column-2-even
{
    width:370px;
    float:left;
}
.column-3-even
{
    width:246px;
    float:left;
}
.column-divider
{
    width:20px;
    float:left;
}

/* Table Grid */

.grid
{
    width:100%; 
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;         
}
.grid thead tr, .grid tfoot tr
{    
    background-image:url(../img/components/bg-grid-th.png);    
    background-repeat:repeat-x;    
    color:#222;    
}
.grid th
{    
    padding:3px 4px 12px 4px;   
    border-right:1px solid #ddd;
}
.th-sort
{
}
.th-sort a
{
    color:#222;
    display:block;    
    background-image:url(/img/components/th-sort.png);    
    background-repeat:no-repeat;
    background-position:right 50%;
    line-height:20px;    
    padding-right:20px !important;
}
.th-sort a:hover
{
    text-decoration:none;
}
.grid tfoot tr
{
    background-position:bottom;
}
.grid td
{
    border-right:1px solid #ddd; 
}
.grid tfoot td
{
    padding:12px 4px 3px 4px;  
    font-weight:bold;   
}

.grid .row td, .grid .row-alt td, .row-edit td 
{
    padding:0 4px 1px 4px;   
}
.row
{
    background-image:url(/img/components/bg-grid-tr.png);    
    background-repeat:repeat-x;  
    background-position:bottom;
}
.row-alt
{
    background-image:url(/img/components/bg-grid-tr-alt.png);    
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#f6f6f6;
}
.row-edit
{
    background-color:#f1f9ff;   
}
.row-new
{
    background-color:#f1f9ff;     
}

/* General Text */
.small{font-size:10px; line-height:16px;}
.medium{font-size:12px; line-height:18px;}
.right{float:right;}
.left{float:left;}
.text-align-right{text-align:right;}
.text-align-left{text-align:left;}
.text-align-center{text-align:center;}
.spacer{width:10px; height:1px;}
.padding-wrapper{padding:20px;} 

/* error msg*/
.message{
	border-top:1px solid #ccc;
}
.error
{
	color:#990000;
	padding:12px;
	font-size:12px;
	line-height:18px;	
}
.icn-success{background:url(../img/components/16-check.png) no-repeat 2px 2px;  height:16px; width:16px; padding:2px;}
.icn-failed{background:url(../img/components/16-minus.png) no-repeat 2px 2px;  height:16px; width:16px; padding:2px;}


/* Notificaitons */
.warning-box, .failure-box, .success-box {
	margin-bottom:16px;
	padding-left:26px;
	text-align:left;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:2px 2px;
	color:#222222;

}
.success-box {
	background-image:url(/assets/img/components/16-check.png);
}
.warning-box {
	background-image:url(/assets/img/components/attention.png);
}
.failure-box {
	color:#990000;
	background-image:url(/assets/img/components/16-minus.png);
}
.success-box h2 {
	color:#336600;
}
.warning-box h2 {
	color:#222222;
}
.failure-box h2 {
	color:#990000;
}

/* Boxes */

.bx-top-left, .bx-top-right, .bx-bottom-left, .bx-bottom-right{height:12px; overflow:hidden;}
.bx-padding{padding:8px 25px;}

.bx-top-left{background:url(../img/components/box/bx-top-left.png) no-repeat top left;}
.bx-top-center{background:url(../img/components/box/bx-top-center.png) repeat-x; height:12px;}
.bx-top-right{background:url(../img/components/box/bx-top-right.png) no-repeat top right;}

.bx-middle-left{background:url(../img/components/box/bx-middle-left.png) no-repeat  top left; }
.bx-middle-center{background:url(../img/components/box/bx-middle-center.png) repeat-x;}
.bx-middle-right{background:url(../img/components/box/bx-middle-right.png) no-repeat top right;}

.bx-repeat-left{background:url(../img/components/box/bx-repeat-left.png) repeat-y top left;}
.bx-repeat-center{background:url(../img/components/box/bx-repeat-center.png);}
.bx-repeat-right{background:url(../img/components/box/bx-repeat-right.png) repeat-y  top right;}

.bx-bottom-left{background:url(../img/components/box/bx-bottom-left.png) no-repeat top left;}
.bx-bottom-center{background:url(../img/components/box/bx-bottom-center.png) repeat-x; height:12px;}
.bx-bottom-right{background:url(../img/components/box/bx-bottom-right.png) no-repeat top right;}

.bx-top-left, .dx-top-right, .dx-bottom-left, .dx-bottom-right{height:12px; overflow:hidden;}
.dx-padding{padding:8px 25px; color:#fff; }
.dx-padding h3{color:#fff;}

.dx-top-left{background:url(../img/components/box/dx-top-left.png) no-repeat top left;}
.dx-top-center{background:url(../img/components/box/dx-top-center.png) repeat-x; height:12px;}
.dx-top-right{background:url(../img/components/box/dx-top-right.png) no-repeat top right;}

.dx-middle-left{background:url(../img/components/box/dx-middle-left.png) no-repeat  top left; }
.dx-middle-center{background:url(../img/components/box/dx-middle-center.png) repeat-x;}
.dx-middle-right{background:url(../img/components/box/dx-middle-right.png) no-repeat top right;}

.dx-repeat-left{background:url(../img/components/box/dx-repeat-left.png) repeat-y top left;}
.dx-repeat-center{background:url(../img/components/box/dx-repeat-center.png);}
.dx-repeat-right{background:url(../img/components/box/dx-repeat-right.png) repeat-y  top right;}

.dx-bottom-left{background:url(../img/components/box/dx-bottom-left.png) no-repeat top left;}
.dx-bottom-center{background:url(../img/components/box/dx-bottom-center.png) repeat-x; height:12px;}
.dx-bottom-right{background:url(../img/components/box/dx-bottom-right.png) no-repeat top right;}