/* ===========================================================*/
/* Styles for Talmia website */
/* Copyright © 2009 GamCom Software LLP. All rights reserved */
/* Last Update: CT Nov 5th 2009 */
/* ========================================================== */

/* generic styles */
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #333;
	background-color: #ddd;
	margin-top: 0px;
}

h1{ font-size: 26px; margin-top: 5px; margin-left: 10px; color:#666; font-weight: normal; }
h2{ font-size: 1.4em; margin: 0.63em 5px; padding: 0; font-weight: normal; } 
h3{ font-size: 1.2em; margin: 0.63em 5px; color:#333; }
h4{ font-size: 1.1em; margin: 0.31em 0.31em; }
p{ margin: 0.9em 0em 0.9em 0em; padding: 0em; line-height: 1.35em; }

td, th{ font-size: 1em; } /* prevent tables changing font size */
sup { font-size: 0.7em; }

.no_pad { margin: 0; padding: 0; }
.no_pad_top { margin-top: 0; padding-top: 0; }
.no_pad_bot { margin-bottom: 0; padding-bottom: 0; }
.extra_pad_top { margin: 0; padding-top: 20px; }
.extra_pad_bottom { margin: 0; padding-bottom: 20px; }

img { border: none; }

/* ==================================================== */
/* structural elements */
#encompass
{
	position: relative;
	width: 976px;
	height:auto;
	margin: 0px auto 0px auto;
}
#main_container
{
	position: relative;
	width: 100%;
	height: auto;
	text-align: left;
	background-color:#fff;
}
#footer
{
	position: relative;
	width: 976px;
	height: 50px;
	background-color: #fff;
	background:url(../images_structure/footer.gif) no-repeat top center;
}
.spacer
{
	float: left;
	width: 7.35pt;
	height: 20px;
}
.spacer_tour
{
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 39px;
}
.clear_both { clear:both; }

/* ==================================================== */
/* top navigation */
#topnav_container
{
	position: relative;
	width: 100%;
	height: 109px;
	background:url(../images_structure/header.gif) no-repeat -2px -2px;
}
#logo
{
	position: absolute;
	top: 13px;
	left: 15px;
	width: auto;
	height: auto;
	z-index: 5;
}
#login_container
{
	width: 450px;
	height: 25px;
	margin: 0 0 0 auto;
	padding: 5px 0 0 0;
	font-size: 10px; 
	color:#666;
}
form#login
{
	padding: 1px;
	margin: 0;
	font-size: 10px;
}
form#login label
{	
	float: left;
	margin: 1px 0 0 0;
}
form#login #login_1, #password
{
	float: left;
	width: 90px; 
	height: 12px; 
	border: 1px #ccc solid; 
	background-color: #fff; 
	margin: 0 10px; 
	font-size: 10px;
}
form#login #button_login
{
	float: left;
	cursor:pointer;
	margin: 2px 0 0 0
}
form#login #forgotten
{
	float: left;
	margin: 1px 0 0 10px
}
form#login a
{
	color: #666;
	text-decoration: none;
}
form#login a:hover
{
	text-decoration: underline;
}
/* ======================= */
#topnav
{
	position: absolute;
	top: 75px;
	right:5px;
	z-index: 5;
	width:auto;
	height: auto;
}
#topnav ol
{
	display: inline;
	list-style-image: none;
	list-style-type: none;
}
#topnav ol li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#topnav li#home a
{
	background: url(../images_nav/tab_1.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding: 0 10px;
}
#topnav li#home a:hover
{
	background: url(../images_nav/tab_1_hover.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#home a.selected
{
	background: url(../images_nav/tab_1_selected.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#overview a
{
	background: url(../images_nav/tab_2.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding: 0 10px;
}
#topnav li#overview a:hover
{
	background: url(../images_nav/tab_2_hover.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#overview a.selected
{
	background: url(../images_nav/tab_2_selected.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#tour a
{
	background: url(../images_nav/tab_3.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding: 0 10px;
}
#topnav li#tour a:hover
{
	background: url(../images_nav/tab_3_hover.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#tour a.selected
{
	background: url(../images_nav/tab_3_selected.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#company a
{
	background: url(../images_nav/tab_4.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding: 0 10px;
}
#topnav li#company a:hover
{
	background: url(../images_nav/tab_4_hover.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#company a.selected
{
	background: url(../images_nav/tab_4_selected.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#contact a
{
	background: url(../images_nav/tab_5.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding: 0 10px;
}
#topnav li#contact a:hover
{
	background: url(../images_nav/tab_5_hover.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#topnav li#contact a.selected
{
	background: url(../images_nav/tab_5_selected.gif) no-repeat 0px 0px;
	text-decoration: none;
}
span.altmenu { display: none; }
/* tabs end */
/* ==================================================== */
/* main content structure */
#main_content, #main_content_alt, #main_content_index
{
	position: relative;
	width: 100%;
	height: auto;
	background:url(../images_structure/title_bg.gif) no-repeat 0px 0px;
}
#main_content_alt /* used where the right hand navigation does not exist */
{
	background:url(../images_structure/title_bg_alt.gif) no-repeat 0px 0px;
}
#main_content_index
{
	background:url(../images_structure/title_bg_index.gif) no-repeat 0px 0px;
}
#main_content_col_1 /* holds page content */
{
	float: left;
	width: 713px;
	height:auto;
	margin-top: 10px;
	padding-bottom: 15px;
}
#main_content_col_1_index 
{ 
	float: left;
	width: 733px;
	height:auto;
	margin-top: 0;
	padding-bottom: 0; 
}
#main_content_col_2, #main_content_col_2_index, #main_content_col_2_alt, #main_content_col_2_company /* holds right hand navigation */
{
	float: left;
	width: 228px;
	height:auto;
}
#main_content_col_2
{
	background: url(../images_nav/rh_nav_bg.gif) no-repeat 0 0;
}
#main_content_col_2_index
{
	background: url(../images_nav/rh_nav_bg_index.gif) no-repeat 0 0;
}
#main_content_col_2_alt
{
	background: url(../images_nav/rh_nav_bg_alt.gif) no-repeat 0 0;
}
#main_content_col_2_company
{
	background: none;
}
#main_content_col_3 /* used in contact page */
{
	float: left;
	width: 400px;
	height:auto;
	padding-bottom: 15px;
	margin-top: 10px;
}
#main_content_col_4 /* used in contact page */
{
	float: left;
	width: 546px;
	height:auto;
	padding-bottom: 15px;
	margin-top: 10px;
}

/* ==================================================== */
/* ==== main content styles ==== */
.main { padding: 0 5px; font-size: 0.95em; line-height: 1.0em; color:#666; }
.main a { text-decoration: none; }
.main a:hover { text-decoration: none; }
/* ========== secondary page generic styles ========== */
.main_body { position: relative; margin-top: 25px; margin-left: 10px; padding:0 0 0 3px; font-size: 1.0em; line-height: normal; color:#666; }
.main_body h2 { margin: 0 ; padding: 10px 0; color: #ff9900; }
.main_body h2.extra_pad_top { padding-top: 15px;}
.main_body h2.extra_pad_bottom { padding-bottom: 15px;}
.main_body h2.no_pad_top { padding-top: 0;}
.main_body h2.no_pad_bot { padding-bottom: 0;}
.main_body h2.no_pad { margin: 0; padding: 0;}
.main_body h3 { margin: 0; padding: 0.50em 0 0.25em 0; }
.main_body h3.no_pad_top { margin-top: 0; padding-top: 0; }
.main_body hr { margin: 0; padding: 0; width: 100%; height: 1px; color: #666; }
img#title {	margin-top: 20px; margin-left: 10px; }
.main_body img { margin: 0;}
.main_body ul
{ 
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 10px 10px 18px;
	padding: 0 0 0px 0;
	line-height: 1.35em;
}
.main_body ul li 
{
	background: url(../images_nav/bullet_arrow.gif) no-repeat scroll 0 0.6em;
	margin:0;
	padding: 2px 10px;
}
.main_body ul li ul
{ 
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 0px;
}
.main_body li ul li
{ 
	background: url(../images_nav/bullet_dot.gif) no-repeat scroll 0 0.6em;
	margin-left: 0px;
}
.main_body a { text-decoration: none; color: #5a81ba; }
.main_body a:hover { text-decoration: none; color: #ff4400; }

.image_body { margin: 15px auto 0px auto; height: auto;}

/* ========== col 2 content ========== */
#nav_box, #download_box, #eval_box, #overview_box, #executive_box, #tour_box, #video_box /*found in col_2_content */
{
	margin: 15px auto 15px auto;
	width: 220px;
	height: auto;
	margin-top: 7px;
	border: 1px #c7e0eb solid;
}
#nav_box { background:url(../images_structure/bg_nav.gif) no-repeat 0px 0px; } /* holds right hand navigation */
#download_box {	background:url(../images_structure/bg_download.gif) no-repeat 0px 0px; }
#eval_box { background:url(../images_structure/bg_eval.gif) no-repeat 0px 0px; }
#overview_box { background:url(../images_structure/bg_overview.gif) no-repeat 0px 0px; }
#executive_box { background:url(../images_structure/bg_executive.gif) no-repeat 0px 0px; }
#tour_box { background:url(../images_structure/bg_tour.gif) no-repeat 0px 0px; }
#video_box { background:url(../images_structure/bg_video.gif) no-repeat 0px 0px; }

#col_2_content ul /* the stuff of the right hand navigation */
{ 
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 10px 0 15px;
	padding: 32px 0 15px 0;
}

#col_2_content ul li
{
	background: url(../images_nav/bullet_arrow_alt.gif) no-repeat scroll 0 8px;
	margin:0 0 0 10px;
	padding:3px 10px 0 18px;
}
#col_2_content ul li.pdf
{
	background: url(../images_nav/bullet_pdf.gif) no-repeat scroll 0px 8px;
	margin:0 0 0 10px;
	padding:10px 0 7px 30px;
}
#col_2_content ul li.video
{
	background: url(../images_nav/bullet_video.gif) no-repeat scroll 0px 8px;
	margin:0 0 0 10px;
	padding:10px 0 7px 30px;
}
#col_2_content ul li.evaluation
{
	background: url(../images_nav/bullet_evaluation.gif) no-repeat scroll 0px 8px;
	margin:0 0 0 10px;
	padding:10px 0 7px 30px;
}
#col_2_content ul li.splitter
{
	background-color: Yellow;
	height: 1px;
	line-height: 1px;
	padding-top: 10px;
	margin-bottom: 5px;
	list-style-type: none;
	list-style-image: none;
	background: none;
	border-bottom: 1px dashed gray;
	width: 120px;
}

#col_2_content a { text-decoration: none; color: #333; }
#col_2_content a:hover { text-decoration: underline; }
#col_2_content a.selected{ text-decoration: none; font-weight:bold; }
.col_2_content_body { padding: 27px 2px 0 9px; font-size: 10px; line-height:15px; color:#666; }

#col_2_content_company{ margin-top: 75px; }
#col_2_content_company img
{
	display: block;
	width: 100px;
	margin: 25px auto;
}

/* ============================================ */
/* ==== index page specific styles ==== */
#pictour { padding-top: 15px; width: 700px; }
.pictour_block{ float: left; text-align: center; width: 150px; margin-left: 30px; }
.pictour_block.first{ margin-left: 0px; }
.pictour_block h3{ font-size: 1.1em; font-weight: normal; Color: RGB(100,100,240); padding: 5px 0px 2px 0px; }
.pictour_block p{ margin: 0px; padding: 0px; font-size: 0.9em; }

/*=== overview styles ===*/
/*=== overview.aspx styles ===*/

/*=== overview_benefits.aspx styles ===*/
.float_container
{
	width: 100%;
	height: auto;
	background-color: #f1f1f1;
}
.benefits_col, .benefits_col1, .benefits_col2, .benefits_col3
{
	float: left;
	height: auto;
}
.benefits_col { width: 50%; }
.benefits_col1 { width: 32%; }
.benefits_col2 { width: 30%; }
.benefits_col3 { width: 38%; }
.highlight
{
	width: 90%;
	height: auto;
	background-color: #99CCFF;
	font-weight: bold;
	text-align: center;
	padding: 7px 5%;
}
/*=========================================*/
/* contact page; form styles */
table#contactus td{ vertical-align: top; padding-bottom: 3px; }
table#contactus td label{ display: block; margin-top: 3px; width: 7em; }
table#contactus td#contactForDemo label{ width: auto; display: inline; }
table#contactus textarea{ width: 275px; height: 60px; }

#buttonSubmitNotification, #buttonResetNotification 
{
	float: left;
	color: #333; 
	cursor:pointer; 
	width:auto;
	padding: 0;
	margin-top: 10px;
	margin-left: 0px;
}
#buttonResetNotification { margin-left: 10px; }
#buttonSubmitNotification:hover, #buttonResetNotification:hover { color:#8ea907; }
form#notify p#usermessage { margin-top: 100px; }
/* ===== guided tour styles ==== */
/* === tour.aspx (navigation) styles === */
#tour_nav
{
	position: relative;	
	width: 657px;
	height: 143px;
	margin: 25px auto 0px auto;
	padding-top: 24px;
	font-size: 20px;
	background: url(../images/define_deploy.gif) 7px 0px no-repeat;
}
#tour_nav ol
{
	display: inline;
	list-style-image: none;
	list-style-type: none;
}
#tour_nav ol li
{
	display: inline;
	line-height: 22px;
}
#tour_nav ol li#define_top
{
	margin-left: -4px;
}
#tour_nav ol li#deploy_top
{
	margin-left: 100px;
}
#tour_nav ol li#execute_top
{
	margin-left: 91px;
}
#tour_nav ol li#monitor_top
{
	margin-left:88px;
}
#tour_nav li a
{
	text-decoration: underline;
	color: #333;
}
#tour_nav li a:hover
{
	text-decoration: none;
	color: #ff4400;
}
#refine_top
{
	position: absolute;
	top: 125px;
	left: 356px;
	width: 120px;
	text-align: center;
	color: #333;
	line-height: 22px;
}
#refine_top a
{
	text-decoration: underline;
	color: #333;
}
#refine_top a:hover
{
	text-decoration: none;
	color: #ff4400;
}
/* === define to monitor styles === */
#tour_container
{
	width: 99%;
	height: auto;
	margin-top: 10px;
	padding: 0;
}
#tour_key, #tour_key_monitor
{
	float:left;
	width: 365px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
}
#tour_key_monitor { margin-top: -10px; }
#tour_key ul
{ 
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 10px 18px;
	padding: 0 0 6px 0;
}
#tour_key ul li 
{
	background: url(../images_nav/bullet_arrow.gif) no-repeat scroll 0 8px;
	margin:0;
	padding:3px 0px 3px 10px;
}
#tour_key ul li ul
{ 
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 0px;
}
#tour_key li ul li
{ 
	background: url(../images_nav/bullet_dot.gif) no-repeat scroll 0 7px;
	margin-left: 0px;
}
#tour_container_img, #tour_container_img_execute, #tour_container_img_monitor
{
	float:left;
	width: auto;
	height: auto;
	margin-top: 39px;
	padding-bottom: 20px;
}
#tour_container_img_execute
{
	padding: 0;
}
#tour_container_img_monitor
{
	margin-top: -60px;
	margin-bottom: -25px;
	padding: 0;
}
.tour_container_img_hint
{
	width: 280px;
	margin: 10px;
	padding:0px;
	font-size:9px;
	font-weight: bold;
}
.demo_execute
{
	width: auto;
	font-size:9px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#demo_info
{
	float:left;
	width: auto;
	height: auto;
	margin: 0 ;
	padding: 0 ;
}
/* === define to monitor bottom nav styles === */
#tour_nav_bottom
{
	width: 500px;
	height: 25px;
	margin: 10px auto 0px auto;
	padding-top: 14px;
	font-size: 12px;
	background: url(../images_nav/tour_bottom_nav.gif) 0px 0px no-repeat;
}
#tour_nav_bottom ol
{
	display: inline;
	list-style-image: none;
	list-style-type: none;
}
#tour_nav_bottom ol li
{
	display: inline;
	line-height: 12px;
}
#tour_nav_bottom ol li#define
{
	margin-left: -22px;
}
#tour_nav_bottom ol li#deploy
{
	margin-left: 59px;
}
#tour_nav_bottom ol li#execute
{
	margin-left: 56px;
}
#tour_nav_bottom ol li#monitor
{
	margin-left: 53px;
}
#tour_nav_bottom ol li#refine
{
	margin-left: 57px;
}
#tour_nav_bottom li a
{
	text-decoration: underline;
	color: #333;
}
#tour_nav_bottom li a:hover
{
	text-decoration: none;
	color: #ff4400;
}
#tour_nav_bottom li a.selected
{
	text-decoration: none;
	color: #ff4400;
}

/* Video Styles */
#media
{
    margin-top: 20px;
    text-align: center;
}
#noUpdate
{
    margin: 0 auto;
    font-size: x-small;
    color: #cccccc;
    text-align: left;
    width: 210px;
    height: 200px;
    padding: 40px;
}
#video_download{ text-align: center; }

/* ==================================================== */
/* errors */ 
.error_body { font-size: 1.5em; padding-top: 1.0em; padding-left: 50px; }
/* ==================================================== */
/* footer */
/* footer navigation */
/* copyright */
/* ==================================================== */
#footerlinks
{
	float:left;
	font-size:10px;
	margin-top: 20px;
	padding-left: 10px;
}
#footerlinks ol 
{
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footerlinks ol li /* fixes double float bug in IE 6 */
{
	display: inline;
	border-right:1px solid #787878;
	margin:0;
	padding-right: 4px;
	padding-left: 8px;
}
#footerlinks > ol > li /* for IE7, moz */
{
	padding-right: 8px;
	padding-left: 8px;
}
#footerlinks ol li.nopad { padding-left: 0; }
#footerlinks ol li.noline {	border-right: medium none; }
#footerlinks a { text-decoration:none; color: #333 }
#footerlinks a:hover { text-decoration: none; color: #ff9900; }
#footerlinks a.selected { text-decoration:none; color: #ff4400 }
#copyright { float: right; font-size: 10px; margin-top: 20px; padding-right: 15px; }
/* ==================================================== */
/* fine print */
.fine_print { position: relative; margin-top: 35px; margin-left: 10px; padding:0 0 0 3px; font-size: 1.0em; line-height: normal; color:#666; }
.fine_print h3 { margin-left: 0; }
.fine_print ol { margin: 5px 0 5px 30px; padding: 5px; }
.fine_print ol li { margin-top: 5px; padding: 0px; }
/* CSS ends */