/* CSS Document */
/* ------------------------------ 
Author: Ganesh S Salunke
Project : vloha.com
Created Dt. : 11 May 2009
Last Modified on Dt. : 13 Juky 2009 (Please change date if modified)
------------------------------ */

/* ------------------------------ 
HTML Redefine Tags
------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*:focus{outline: none;}
input,form,textarea,select{resize: none;}
html body{font-size:9pt;padding:0px 0px;background:url(/vloha/images/img/body_bg.gif) repeat;height:100%;min-height:100%;}
#wrapper{margin: 0pt auto;padding: 0px;background-color:#fff;color:#000;width: 960px;overflow:hidden;min-height:505px;}
input, form, textarea{margin:0; padding:0; font-family:Arial;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family:Arial;}
h1{font-size:22pt; font-weight:normal;}
h2{font-size:16pt;font-weight:normal;}
h3{font-size:13pt; font-weight:normal;}
a:link, a:visited{color: #3366cc; text-decoration:none;}
a:hover{text-decoration:underline;}
select {border-color:#aaa;}
select {border:1px solid #aaa;font-family:Arial;font-size:10pt;padding:2px;}/*PAGE STRUCTURE 
------------------------------ */
#wrapper .topHeader{ margin:0 auto;float:left;height:83px;background:#fff;}
#wrapper .helpBar{clear:both;height:10px;display:block;text-align:right;padding:5px 20px 0px 0px;font-size:9pt;color:#000;}
body #container, #topLogo{background:#fff;}
	#topbar{width:auto;display:block;height:120px;padding:0px 5px;}
		#topbar span{width:auto;padding:0px 5px;float:left;}
	#navbar{width:auto;display:block;height:28px;float:left;clear:left;}
		#navbar a{height:28px;line-height:28px;padding:0 8px;display:inline;}
		#topLogo div.logo{min-width:240px;padding:0px 0px 0px 20px;margin:12px 0px 0px 0px;float:left;}
		#topLogo div.header_links{min-width:700px;float:right;text-align:right;}
		div.top_user_links{line-height:24px;float:right;}
		div.top_user_links ul{list-style:none;display:inline;margin:0px 0px 0px 0px;padding:0px 10px 0px 0px;overflow:hidden;float:right;}
		div.top_user_links ul li{float:left;list-style:none;display:inline;overflow:hidden;font-size:10pt;font-family:Arial;font-weight:normal;color:#999;}
		div.top_user_links ul li a{font-size:10pt;font-family:Arial;font-weight:normal;color:#999;}
		.header_links div.top_nav{line-height:24px;float:right;width:100%;clear:both;margin:30px 0px 0px 0px;}


    #main{ margin:0 20px; padding:0px 0px;min-height:100%;display:block;min-height:425px; float:left; clear:both;}
		#contentWrapper{margin:5px 0px;}
		#contentWrapper0{margin:5px 0px;}
		.splitWrapper60{width:60%;margin:15px 10px;float:left;}
		.splitWrapper30{width:35%;margin:0px 0px 0px 10px;float:left;background:#fcfcfc;}
		.splitWrapper30 p{font-family:Arial;font-size:8pt;font-weight:normal;color:#aaa;margin:0px;padding:10px;text-align:justify;}
        #pageTitle{
            clear:both;
            float:left;
            margin:5px 0 0 10px;
            padding-bottom:5px;
            width:100%;
        }
        #pageTitle0 {
            float:left;
            margin-bottom:10px;
            margin-left:0;
            margin-right:0;
            margin-top:10px;
            padding-bottom:5px;
            width:920px;
            border-bottom:2px dotted #ccc;
        }
/* content related wrappers */
div.div-visited{ width:600px;float:left; clear:both; display:block; margin:5px 0px; padding:0px; background:#f7f7f7;}
div.div-600{width:600px;float:left; margin-top:10px; padding:0px;}
div.wrapper_800{ width:800px;float:left;margin:0 auto; padding:10px 0pc 0px 0px; clear:both;}
div.auto_left{ width:auto; float:left;}
div.auto_left ul{list-style:none; display:inline;margin:0px; overflow:hidden; float:left; width:auto;padding:10px 0px 0px 20px;}
div.auto_left ul li{float:left;list-style:none; display:inline; line-height:30px; padding-left:5px;}
div.auto_left ul li input{height:30px;}
div.auto_left ul.list_simple{list-style:none; display:inline;margin:0px; overflow:hidden; float:left; width:auto;padding:0px 0px 0px 0px;}
div.auto_left ul li.simple_item{float:left;list-style:none; display:inline; line-height:20px;}
div.auto_left ul li.simple_item input{height:20px;}
/* FOOTER */
#footer{clear:both;
    color:#FFFFFF;
    margin:0 auto;
    overflow:hidden;
    padding:20px 0;
    text-align:center;
    width:960px;
}
	.footerinfo{margin:0 auto;width:960px;text-align:left;overflow:hidden;font-size:11pt;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
	.footerinfo img{ margin-top:3px;margin-left:5px; position:absolute;}
	.footerrights{margin:0 auto;width:960px;text-align:center;overflow:hidden;font-size:10pt;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
	.footerinfo a,#footer a{color:#FFF;text-decoration:none;}
	.footerinfo a:hover,#footer a:hover{color:#FFF;text-decoration:underline;}
	.footerInfo span{float:left;}
	.rights{font-size:8pt;}
    #bottom_brd {
        background:transparent url(/vloha/images/img/whitecurve.png) no-repeat scroll center bottom;
        clear:both;
        color:#FFFFFF;
        display:block;
        margin:0 auto;
        overflow:hidden;
        padding-left:30px;
        text-align:left;
        width:960px;
    }
/* 
 #bottom_brd{background:url(/vloha/images/img/wrap-bottom.gif) no-repeat bottom center;width:960px;margin:0 auto;overflow:hidden;height:25;display:block;clear:both;color:#fff;text-align:left;padding-left:30px;}
 */
/* FOOTER END */
		.breadcrumbDiv{background: url(/vloha/images/img/breadcrumb_bg.gif) repeat-x; margin:0 auto; float:left; width:100%;}
		.breadcrumbDiv div.breadcrumb{line-height:24px; color:#333;font-family:Arial; font-size:10pt; font-weight:bold; padding:3px 0px 0px 20px}
		div.breadcrumb a{font-weight:normal;}
/* Top Header/Page Header Related */
.logomargin{ margin-top:12px; width:auto; float:left;}
/* Colors */
.red_orange{ color:#ff3300;}
.grey-333{color:#333}
.cf8941e{ color:#f8941e;}
/* Fonts */
.arial-8pt{font-size:8pt;font-family:Arial; font-weight:normal;}
.arial-9pt{font-size:9pt;font-family:Arial; font-weight:normal;}
.arial-10pt{font-size:10pt;font-family:Arial; font-weight:normal;}
.arial-10-5pt{font-size:10.5pt;font-family:Arial; font-weight:normal;}
.arial-12pt{font-size:12pt;font-family:Arial; font-weight:normal;}
.arial-13-5pt{font-size:13.5pt;font-family:Arial; font-weight:normal;}
.georgia-16pt{font-family:Georgia; font-size:16pt; font-weight:normal;}
.georgia-14-5pt{font-family:Georgia; font-size:14.5pt; font-weight:normal;}
.georgia-13pt{font-family:Georgia; font-size:13pt; font-weight:normal;}
.georgia-13-5pt{font-family:Georgia; font-size:13.5pt; font-weight:normal;}
.step_active_font{font-size:23pt;font-family:Georgia; font-weight:normal;color:#666;}
.step_dactive_font{font-size:23pt;font-family:Georgia; font-weight:normal;color:#ccc;}
.strong{font-weight:bold;}
.test4CounterDisplay,.contact_1000{ background:#99ffff;padding:0px 3px 0px 3px; font-weight:bold; border:none;}
/* File input */
.textar_425{background:url(/vloha/images/img/bg-sprite/tag-des-txt-bg.gif) no-repeat;width:430px; height:75px;padding:5px;}
.textar_425 textarea{width:415px;height:58px;border:#aaaaaa 0px solid;color:#000;font-size:10pt; font-family:Arial;overflow: scroll-y;background:#fcfcfc;}
.file_input{ background:url(/vloha/images/img/bg-sprite/basic-input-bg.gif) no-repeat;border:#aaaaaa 0px solid;padding:5px 3px; color:#888; width:399px;height:31px; font-size:10pt; font-family:Arial;}
.file_1{ background:url(/vloha/images/img/bg-sprite/basic-input-bg.gif) no-repeat;margin-top:0px; border:0px solid #aaaaaa;padding:5px 3px; height:31px; color:#888;font-size:10pt; font-family:Arial;}
.file_2{ background:url(/vloha/images/img/bg-sprite/flash-input-bg.gif) no-repeat;border:0px solid #aaaaaa;padding:5px 3px; color:#888; height:114px;font-size:10pt; font-family:Arial;}
/* form UI */
.focusField{
	background:#f3f5f5;
	color:#000;
}
.idleField{
	background:#FFF;
	color: #000;
}
/* uploaded photo related css */
div.img_photo{background:#f3f3f3 url(/vloha/images/img/icons/curve-bg.png) repeat-y;width:141px; margin:0px; padding:0px;}
.img_photo img{ padding:5px;}
div.form_entry{ float:left; width:auto;}
.form_entry div.label{width:35px; float:left; clear:both;}
div.label-L{width:auto; float:left; clear:both;}
.form_entry div.field{width:auto;float:left;background:url(/vloha/images/img/bg-sprite/input-390-bg.gif) no-repeat;width:390px;height:31px;padding:5px;}
.field input{border:#aaaaaa 0px solid;color:#000;font-size:10pt;font-family:Arial;width:380px;height:18px;background:#fcfcfc;}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/
.help_tip,.help_tip_text_435{ /* This is the hook that the jQuery script will use */
	padding-right: 10px; /* This is need to make sure that the help icon is always visible */
	background: transparent;
	color: #000;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}
	.help_tip_wrapper_395 { /* The wrapper holds its insides together */
		width:350px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #666666;
		font-weight: normal;
		font-size: 11px; /* A font size is needed to maintain consistancy */
		left:395px;
		top:0px;
		margin:0px;
		background: transparent;
	}
	.help_tip_text_wrap_440 { /* The wrapper holds its insides together */
		width:350px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #666666;
		font-weight: normal;
		font-size: 11px; /* A font size is needed to maintain consistancy */
		left:430px;
		top:0px;
		margin:0px;
		background: transparent;
	}
		.help_pointer{
			background:url(/vloha/images/img/help_tip_pointer.gif) top left no-repeat;
			float:left;
			width: 8px !important;
			height: 13px !important;
			}
		.help_tip_bg { /* Middle section of the tooltip */
			padding: 0px 5px 0px 5px;
			line-height:18px;
			width: 300px;
			height: auto;
			float:left;
			border:#ccc 1px solid;
			font-family:Arial;
			font-size:9pt;
			font-weight:normal;
			color:#333;
			background:#ebebeb;
		}

/* Div Floats */
.fL{ float:left;}
.fR{ float:right;}
.cL{ clear:left;}
.cB{clear:both;}
.cB{ clear:both;}
.wA{ width:auto;}
.w100{ width:100%;}
.pT10{padding-top:10px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pB20{padding-left:20px;}
.pL5{padding-left:5px;}
.pT15{padding-top:15px;}
.pT5{padding-top:5px;}
.mT5{margin-top:5px;}
.pT20{padding-top:20px}
.c0099cc{color:#0099cc;}
.c0099cc a{color:#0099cc;}
.c96968b{color:#96968b;}
.c767a87{color:#767a87}
/* top navigation css */
#main-nav ul{list-style: none;padding: 0;margin:0;}
#main-nav li{float:right;margin:0px 5px 0px 0px; display:inline;} 
#main-nav a{color: #fff; font-family:Georgia; font-size:13.5pt;line-height:34px;background: #fbb03b url(/vloha/images/img/bg-sprite/nav-left.gif) left top no-repeat;text-decoration: none;padding:0px 0px 0px 10px;}
#main-nav a span{background:url(/vloha/images/img/bg-sprite/nav-right.gif) right top no-repeat;padding:0px 10px 0px 0px;}
#main-nav a, #main-nav a span{display: block;float:right;}
#main-nav .sel a{color: #fff;background:#80c241 url(/vloha/images/img/bg-sprite/nav-left-sel.gif) left top no-repeat;}
#main-nav .sel span{background: url(/vloha/images/img/bg-sprite/nav-right-sel.gif) right top no-repeat;}
/* Hide from IE5-Mac \*/
#main-nav a, #main-nav a span{float: none;}
/* End hide */
#main-nav a:hover{color: #fff;background:#80c241 url(/vloha/images/img/bg-sprite/nav-left-sel.gif) left top no-repeat;}
#main-nav a:hover span{background: url(/vloha/images/img/bg-sprite/nav-right-sel.gif) right top no-repeat;}
/* Newly added buttons */
.log-in{background:url(/vloha/images/img/bg-sprite/video.png) no-repeat;width:103px;height:36px; border:none; background-position: -17px -378px; cursor:pointer;cursor:hand; clear:both;}
.logo-119-41{background-image:url(/vloha/images/img/bg-sprite/video.png); background-repeat:no-repeat;width:119px;height:41px; border:none; background-position: -216px -10px;clear:both; margin:0px 0px 0px 5px;}
.upload-file{ background:url(/vloha/images/img/small_button/upload-files.gif) no-repeat; width:145px; height:37px; border:none;}
.save-proceed{ background:url(/vloha/images/img/small_button/save-proceed.gif) no-repeat; width:196px; height:36px; border:none;}
.dotted-2px-ccc{border-bottom:2px dotted #ccc;}
.save-my-details{ background:url(/vloha/images/img/small_button/sendmydet-btn.png) no-repeat; width:196px; height:36px; border:none; cursor:hand;cursor:pointer;}
.import-contacts{background:url(/vloha/images/img/small_button/import-contacts.gif) no-repeat; width:187px; height:36px; border:none;cursor:hand;cursor:pointer;}
.send-invite{background:url(/vloha/images/img/small_button/send-invite.gif) no-repeat; width:143px; height:37px; border:none;cursor:hand;cursor:pointer;}
.input-254{border:none;width:240px; height:22px;padding:0px 0px 0px 0px; background:#fcfcfc; margin:5px 0px 0px 5px;font-family:Arial;font-size:10pt;}
.input-bg{background:url(/vloha/images/img/bg-sprite/video.png) no-repeat; width:254px; height:32px; border:none;background-position: -17px -196px; float:left;}
.textarea-350{padding:7px; font-family:Arial; font-size:10pt; width:325px; height:45px;}