/* ------------------------------ */
/*  STANDARD HTML TAG RESET       */
/* ------------------------------ */

html, body {
    
}

html, body, h1, h2, h3, h4, p, ul, li, form {
    border: none;
    margin: 0px;
    padding: 0px;    
}

img, a {
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}

input, textarea, select {
    outline: none;	
}

/* ------------------------------ */
/*  STANDARD HTML TAG DEFINITION  */
/* ------------------------------ */

body {	
	background: #eeeeee url(images/backgrounds/bg_light.png) repeat-x;
	color: #555;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 12px;
	margin: 0px auto 0px auto;
}

h1, h2, h3, h4, h5, h6 {	
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

h1 { font-size: 22px; margin: 10px 0 5px 0; }
h2 { font-size: 16px; margin: 15px 0 10px 0; }
h3 { font-size: 14px; margin: 15px 0 5px 0;}
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }

h3.first
{
    margin-top: 0;
}

p {
	margin: 4px 0px 2px 0px;	
	text-align: left;
	/*color: #555;*/
}

a {
	color: #607889;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {	
	text-decoration: underline;
}

/* IE fix for active state on a href's, buttons etc. */
a, button, tr, td { 
    behavior: url('/IEFixes.htc');
}

/* ------------------------------ */
/*  PAGE LAYOUT                   */
/* ------------------------------ */

#wrapper {        
    padding: 0;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#header {		
	margin: 25px 0 0 0;	
	width: 100%;
}

#header-content
{    
    /*background: url(images/backgrounds/header-content.png) no-repeat;*/
    background: #fff;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    margin: 0 auto;
    padding: 20px 25px 20px 25px;
    width: 920px;
    height: 50px;
}

#menu {				
	margin: 40px 0 0 0;	
	padding:  0 0 0 0;
	vertical-align: bottom;	
	float: right;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	text-align: center;
	display: inline;	
	margin: 0;	
	border-right: solid 1px #e0e0e0;
}

#menu li.last {	
	border-right: none;
}

#menu a {
	height: 20px;
	/*width: 100px;*/
	/*display: block;*/
	/*float: left;*/
	padding: 0px 10px 0  10px;	
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #555;
	/*margin-right: 1px;*/
}

#menu a:hover {	
	text-decoration: underline;		
}

#body
{
    margin: 0;
    width: 100%;
}

#body-content-top {
    /*background: url(images/backgrounds/body-content.png) repeat-y;*/
    background: #f9f9f9;
    /* border: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;*/
    margin: 0 auto 0px auto;
	padding: 15px 25px 10px 25px;	
	width: 920px;
	/*height: 225px;*/
}

#body-content-top p {
    font-size: 14px; 
    color: #7b7b7b; 
    line-height: 1.3em; 
    margin: 10px 0 0 0;    
}

.simple-page #body-content-top {
    background: url(images/backgrounds/body-content-top.png) repeat-y;
    height: 15px;    
    padding: 0;
    width: 970px;    
}

.small-simple-page #body-content-top {
    background: url(images/backgrounds/small-body-content-top.png) repeat-y;
    height: 15px;    
    padding: 0;
    width: 500px;    
}

#body-content {
	/*background: url(images/backgrounds/body-content.png) repeat-y;*/
	/*border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;*/
	background: #fff;
	/*border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;*/
	margin: 0 auto 0px auto;
	padding: 35px 25px 35px 25px;
	/*min-height: 300px;*/
	overflow: auto;
	width: 920px;
}

.simple-page #body-content {
	background: url(images/backgrounds/body-content.png) repeat-y;
	/*border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;*/
	margin: 0 auto 0px auto;
	padding: 15px 25px 15px 25px;
	min-height: 0px;
	overflow: auto;
	width: 920px;
}

.small-simple-page #body-content {
	background: url(images/backgrounds/small-body-content.png) repeat-y;
	/*border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;*/
	margin: 0 auto 0px auto;
	padding: 15px 25px 15px 25px;
	min-height: 0px;
	overflow: auto;
	width: 450px;
}

.simple-page #body-content-bottom
{    
    background: url(images/backgrounds/body-content-bottom.png) no-repeat;
    height: 15px;
    margin: 0 auto;
    width: 970px;
    padding: 0 0 25px 0;
}

.small-simple-page #body-content-bottom
{    
    background: url(images/backgrounds/small-body-content-bottom.png) no-repeat;
    height: 15px;
    margin: 0 auto;
    width: 500px;
}

#posts {
	float: left;
	width: 680px;
	padding: 0px 10px 0px 10px;
}

#links {
	float: left;
	width: 150px;
	padding-left: 0px;	
	margin-bottom: 20px;
	background: url(images/img08.png) repeat-y right top;
	text-align:left;
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#links li ul {
	padding: 5px 0 15px 0;
}

#links li li {
	padding: 10px 0px;
	background: url(images/img06.png) repeat-x left bottom;
}

#links li a {
	text-decoration: none;
	text-align:left;
}

#links li a:hover 
{
	text-decoration: underline;
}

#links li h2 
{
	font-size: 14px;
}

#main 
{
	clear: both;
}

/* ---------- Footer ---------- */

/*#footer, .push {
    height: 176px;
}*/

.terms {
	padding-left: 11px;
}

#footer {    
    /*border-top: solid 1px #5c7387;*/
    height: 80px;
    width: 100%;
    /*background: url(images/backgrounds/footer.png) repeat-x;*/
}

#footer-content {
	width: 970px;
	margin: 10px auto;
	padding: 0 0 0 0;	
	/*font-family: lucida grande, "Lucida Grande", sans-serif;*/
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #cccccc;
	overflow: auto;
	clear: both;	
}

#footer-content a
{
    font-weight: normal ;
    color: #999999;
}

#footer-nav ul {
	margin: 0;
	padding: 10px 0 10px 0;
	list-style: none;
}

#footer-nav li {
	text-align: left;
	display: inline;	
	margin: 0;
	padding: 0;
	border-left: solid 1px #cccccc;
}

#footer-nav li a {
	padding: 0 8px 0 10px;
	font-size: 11px;
	font-weight: bold;
}

#footer li.first {	
	border-left: none;
}

/*#footer a:link, #footer a:visited {
	color: #e5e5e5;
	text-decoration:none;
}*/

#footer a:hover {
	text-decoration:underline;
}

#footer * p {
	margin:0;
	padding:0;
	font-size:11px;
	text-align: left;
}

#footer-copyright {    
	border-top: solid 1px #cccccc; 	
	margin: 0;
	padding: 10px;
	width: 950px;
}

/* ------------------------------ */
/*  ASP.NET CONTROLS              */
/* ------------------------------ */

.TextBox, .SmallTextBox, .LargeTextBox, .ListBox, .RadioButton, .DropDownList, .SmallDropDownList
{
    background-color: #fafafa;
    border: solid 1px #d1d1d1;
    color: #666666;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font: normal 12px Helvetica, Arial, sans-serif, Verdana;	
    width: 250px;
    padding: 5px;
}

.SmallTextBox       { width: 169px; }
.LargeTextBox       { width: 355px; }
.ListBox            { width: 250px; }
.RadioButton        { height: 16px; }

.DropDownList, 
.SmallDropDownList  { height: 20px; width: 200px; }

.SmallDropDownList  { width: 150px; }

.CheckBox,
.CheckBoxList       { }



/* ------------------------------ */
/*  TEXT                          */
/* ------------------------------ */

/* Color */

.dimmed-text         { color: #999999; }
.NormalText         { color: #666666; }
.HighlightedText    { font-weight: bold; }
.ActiveText         { color: #18b3ca; font-weight: bold; }

.error-text         { color: #753f3c; }

/* Size */

.extra-small-text   { font-size: 10px; }
.small-text         { font-size: 11px; }
.MediumText         { font-size: 12px; }
.LargeText          { font-size: 14px; }
.LargerText         { font-size: 16px; }

/* ------------------------------ */
/*  BOXES                         */
/* ------------------------------ */


.normal-box, .error-box, .warning-box, .success-box
{
    background-color: #f9f9f9; 
    border: solid 1px #d1d1d1;    
    margin: 15px auto;
    overflow: auto;
    padding: 15px;
}

.error-box
{           
	background: #f9b9b6;
	border: solid 1px #e29490;   
	color: #753f3c;
}

.success-box
{       
    background-color: #ccf9b6;
    border: solid 1px #abe290;
    color: #4e753c;    
}

.warning-box
{       
    background-color: #f9f4b6;
    border: solid 1px #e2dc90;
    color: #75713c;    
}

/* ------------------------------ */
/*  BUTTONS                       */
/* ------------------------------ */

a.signup-button, a:hover.signup-button
{
    background: url('images/buttons/signup-button.png') no-repeat scroll left 0px;
    display: block;
    width: 255px;
    height: 54px;
}

a:hover.signup-button
{    
    background-position: left -54px;    
}

a:active.signup-button
{    
    background-position: left -108px;    
}

a.demo-button, a:hover.demo-button
{
    background: url('images/buttons/demo-video-button.png') no-repeat scroll left 0px;
    display: block;
    width: 255px;
    height: 54px;
}

a:hover.demo-button
{    
    background-position: left -54px;    
}

a:active.demo-button
{    
    background-position: left -108px;    
}

.button-margin-left
{
    margin-left: 3px;
}

.button-margin-right
{
    margin-right: 3px;
}

/* Standard buttons */

/* Standard buttons */

a.primary-button, a.secondary-button, a.primary-button-disabled, a.secondary-button-disabled {
    background: url('images/buttons/primary-button-right.png') no-repeat scroll right 0px; /*100% 0px;*/ /* top right */
    color: #fff;
    display: block;
    float: left;
    /*font: bold 12px arial, sans-serif;*/
    font: bold 12px Helvetica, Arial, sans-serif, Verdana;
    height: 30px;
    margin-top: 3px;
    /*margin-left: 6px;*/
    /*padding-right: 18px;*/
    text-decoration: none;
    outline: none;
    padding-right: 7px;
}

a.primary-button-disabled {
    background-position: right -90px;       
    color: #fff;
}

a.secondary-button {
    background: url('images/buttons/secondary-button-right.png') no-repeat scroll right 0px;
    color: #777777;
}

a.secondary-button-disabled {
    background: url('images/buttons/secondary-button-right.png') no-repeat scroll right -90px;       
    color: #d7d7d7;
}

a.primary-button span, a.primary-button-disabled span, a.secondary-button span, a.secondary-button-disabled span {
    background: url('images/buttons/primary-button-left.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 6px 5px 6px 12px;
    outline: none;    
} 

a.primary-button-disabled span {
    background-position: left -90px;
}

a.secondary-button span {
    background: url('images/buttons/secondary-button-left.png') no-repeat; /*100% 0px;*/ /* top right */    
}

a.secondary-button-disabled span {
    background: url('images/buttons/secondary-button-left.png') no-repeat left -90px;   
    /*background-position: left -90px;*/
}

a:hover.primary-button, a:hover.secondary-button {
    background-position: right -30px;    
}

a:hover.primary-button span, a:hover.secondary-button span {
    background-position: left -30px;    
}

a:active.primary-button, a:active.secondary-button {
    background-position: right -60px;
}

a:active.primary-button span, a:active.secondary-button span {
    background-position: left -60px;
} 


/* ------------------------------ */
/*  MISC CUSTOM CLASSES           */
/* ------------------------------ */

.caption
{        
    font-size: 12px;  
    font-weight: bold;
}

/* Page basic design */ 

body.simple-page
{
    height: 500px;
}

.blue-gradient
{
    background: url(images/backgrounds/blue-gradient.png) repeat-x;
    width: 930px;
    height: 42px;
    padding: 6px 0 0 18px;
}

.blue-gradient a, .blue-gradient a.link
{
    color: #fff;    
}

.small-box
{
    width: 160px; 
    height: 75px;
    float: left; 
    margin: 0 10px 10px 0;
    padding: 5px;
    border: solid 1px #f3f3f3;
}

.small-box h3
{
    margin: 0;    
}

.hide
{
    visibility:hidden;
}

/* From App */ 

.standard-box, .table-box
{
    background: #f9f9f9;
    border: solid 1px #d1d1d1;        
    overflow: auto;
    padding: 10px;
}

.standard-box-no-border 
{
    background: #f9f9f9;  
    overflow: auto;
    padding: 10px;
}

.table-box
{
	padding: 0;
}


.box-heading
{        
    margin: 15px 0 10px;
}

table.table-items
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;    
}

table.table-items td
{
    padding: 10px;
    vertical-align: middle;
    border-top: solid 1px #eaeaea;
}

table.table-items td.heading-column
{
    /*width: 135px;*/
}

table.table-items td.first-row
{        
    border-top: none;
}

table.table-items td .TextBox
{
    background-color: #ffffff; 
}

.icon-title-text
{
    float: left; 
    padding: 12px 0 0 5px; 
    font-size: 14px; 
    font-weight: bold;
}