/* Host Pages Common */

a, a * { 
	cursor: pointer; 
	outline: none;
	}

p, h1, h2, h3, h4, h5 {  
	line-height: 1.6em;
	}


body, input, textarea, select, div, table td, button { 
	font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
	font-size: 12px; 
	color: #444;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align:center;
	}

form { 
	padding: 0;
	margin: 0; 
	}

a { 
	color: #1f75cc; 
	text-decoration: none; 
	}

a:hover { 
	text-decoration: underline; 
	}

a img {
	border: 0;
	}

h1,h2,h3,h4,h5 { 
	color: #222222;
	}

/* tour & screenshots content titles */
h1	{
	font-size: 26px;
	font-weight: normal;
	text-align:left;
	margin: 0 0 10px 0;
	}

table.tour_table td.tour_table_right h1{  
	line-height: 1.2em;
	}

/* app tagline */

.tagline{
	font-size:14px;
	color:#666666;
	margin:0px 0px 20px 0px;
	}


/*features title */
h2	{
	font-size: 20px;
	padding: 0;
	margin: 0 0 6px 0;
	}

/* tour & screenshots headings */
h3	{
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px 0;
	}

h4 { 
	font-size: 20px;
	}

h5 { 
	/*margin: 0 0 0.5em 0;  */
	font-size: 10px;
	}

div.withus_contain {
  	margin:0 auto;
  	width: 800px; 
  	background-color: transparent;
	text-align:left;
	}

/* Top Nav */
.top_nav{
	text-align:right;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:15px;
	font-size:12px;
	color:#AAA;
	}

.logo_int{
	text-align:left;
	margin-bottom:10px;
	}


/* Login */

.login_int {
	white-space: nowrap;
	margin-top:10px;
	text-align:right;
	
	}

.login_int_divider{
	color:#CCCCCC;
	margin:0px 6px;
	}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* Screenshots Left Nav */

#left_nav{
	background:#EAEAEA none repeat scroll 0 0;
	border-top:0px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	float:left;
	/*min-height:400px;*/
	padding:20px;
	position:relative;
	width:228px;
	width: 188px;
	}

.left_nav_top {
	left:-1px;
	position:absolute;
	top:-1px;
	}

.left_nav_bottom {
	left:-1px;
	position:absolute;
	bottom:-2px;
	}

#left_tabs{
	position:relative;
	background:transparent;
	}

#left_tabs ul {
	display:block;
	margin:0;
	padding:0;
	position:relative;
	}

#left_tabs ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	background:transparent;
	font-size:13px;
	text-align:left;
	display:block;
	}

#left_tabs ul li a {
	background:#EAEAEA url("images/tab_divider.gif") repeat-x scroll center top;
	display:block;
	font-size:13px;
	height:19px;
	line-height:19px;
	padding:20px 0;
	position:relative;
	text-decoration:none;
	}

#left_tabs ul li a.on {
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px solid #CCCCCC;
	border-right:0px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0 -21px;
	padding:20px;
	display:block;
	}

#left_tabs ul li a img.left_nav_tab {
	left:-8px;
	position:absolute;
	top:0px;
	z-index:1;
	}
	
#left_tabs ul li a img {
	margin-bottom:-4px;
	padding-right:8px;
	}

.withus_sprite {
	background:url("images/withus_sprite.png") no-repeat top left;
	height:16px;
	width:16px;
	}

/* Screenshot Pages Content */

#content{
	padding-top:25px;
	float:right;
	position:relative;
	width:540px;
	font-size:13px;
	color:#666666;
	}

#content p,h3{
	text-align:left;
	}

#content h3{
	margin-top:10px;
	}

#content img {
	padding-right:6px;
	}

/* Tour Buttons */

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	border:0px;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none;
	text-decoration:none;
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px;
} 

a.graybutton {
    background: transparent url('images/bg_graybutton_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	border:0px;
}

a.graybutton span {
    background: transparent url('images/bg_graybutton_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.graybutton:hover {
    background-position: bottom right;
    color: #fff;
    outline: none;
	text-decoration:none;
}

a.graybutton:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px;
} 

/* Tour Box */

.tour_box {
	width: 800px;
  	margin: 0px auto;
  	}

.tour_box div.tour_box_topleft {
	display: block;
	background: url("images/tour_box_top_left.gif") top left no-repeat;
	}

.tour_box div.tour_box_topright {
	display: block;
	background: url("images/tour_box_top_right.gif") top right no-repeat;
	padding: 1.5em;
	}

.tour_box div.tour_box_bottomleft {
	display: block;
	height: 20px;
	margin-top: -1.5em;
	background: url("images/tour_box_bottom_left.gif") bottom left no-repeat;
	text-align:left;
	}

.tour_box div.tour_box_bottomright {
	display: block;
	background: url("images/tour_box_bottom_right.gif") bottom right no-repeat;
	height: 20px;
	margin-left: 3.0em;
	text-align:left;
	}

.tour_table{	
	padding:0px;
	margin:0px;
	}

.tour_table td.tour_table_right{
	padding:0 20px 50px 20px;
	vertical-align:bottom;
	text-align:left;
	font-size: 13px;
	color:#666;
	}

.tour_text_index{
	float:right;
	padding-top:8px;
	color:#AAA;
	font-size:14px;
	}

.tour_text_index a{

	font-size:13px;
	}

a.tour_back{
	position:absolute;
	margin-left:50px;
	margin-top:7px;
	}

a.tour_next{
	position:absolute;
	margin-left:600px;
	margin-top:7px;
	}

/* Features */

.features_split{
	height:30px;
	}

.features_list{
	border:0px;
	width:80%;
	margin:0px 0px 30px;
	}

.features_list td{
	padding:8px 20px;
	text-align:center;
	font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
	font-size: 13px; 
	color: #666;
	border:1px solid #FFFFFF;
	}

.features_list td.features_col_1{
	width:300px;
	text-align:left;
	}

.features_list tr.odd td.features_col_1{
	background-color:#E8E8E8;
	}

.features_list tr.odd td.features_col_2{
	background-color:#d1dceb;
	}

.features_list tr.odd td.features_col_3{
	background-color:#d6f3a5;
	}

.feature_list_title{
	text-align:left;
	font-size:15px;
	margin-bottom:10px;
	color:#333;
	}

.lt_gray_text{
	color:#AAAAAA;
	}