/* 
CSS Document
Developer: Muthuswamy K
E-Mail: muthu.work@gmail.com
*/

/* DEFAULT */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: white;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{line-height:1.4; background:#ffffff; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}


/* NAVIGATION */
#nav-main li{float:left; line-height:38px; background:url(http://onlinekeysupport.com/themes/client_default/nav_split.gif) no-repeat right 1px;}
#nav-main li a{float:left; color:#263742; text-transform:uppercase; margin:0 15px; }
#nav-main li a span{float:left; padding:0 10px;}
#nav-main li a:hover, #nav-main > li:hover > a{background:url(http://onlinekeysupport.com/themes/client_default/nav_hov_l.png) no-repeat left 7px; color:#fff; text-decoration:none;}
#nav-main li a:hover span, #nav-main > li:hover > a span{background:url(http://onlinekeysupport.com/themes/client_default/nav_hov_r.png) no-repeat right 7px;}
	/* SUB MENU */
	#nav-main li ul{display:none;}
	#nav-main li:hover ul, #nav-main li.hovering ul{display:block;}
	#nav-main li ul{float:left; position:absolute; top:38px; width:350px; padding:8px 0; background:#fff url(http://onlinekeysupport.com/themes/client_default/sub_menu.gif) repeat-x top;/* border:#332f2a solid; border-width:0 1px 1px 1px;*/}
	#nav-main li ul li{float:none; background:url(http://onlinekeysupport.com/themes/client_default/sub_menu_bullet.gif) no-repeat 5px 12px; line-height:22px; padding:0 10px 0 15px; width:150px; float:left;}
	#nav-main li ul li a{float:none; color:#003253; text-transform:none; margin:0; text-decoration:underline;}
	#nav-main li ul li a:hover{background:none; color:#b96900;}



/* STRUCTURE */
#holder{width:793px; margin: 0px auto; text-align:left;}
#header{padding-top:25px; height:90px;}
#content-holder{background:url(http://onlinekeysupport.com/themes/client_default/holder_bk.gif) repeat-y center;}
#content-main{background:url(http://onlinekeysupport.com/themes/client_default/holder_top.png) no-repeat center top; padding:20px;}
#content-box{background:url(http://onlinekeysupport.com/themes/client_default/content.gif) repeat-y left;}
#main-panel{float:left; width:500px; margin-right:53px;}
#sidebar{float:left; width:200px;}
#footer{text-align:center; color:#a6a6a6;}
#nav-main{background:url(http://onlinekeysupport.com/themes/client_default/nav.png) no-repeat left top; height:40px; position:relative;}

/* HEADER */
#logo{}
.timebox{padding:3px 10px; text-align:right; color:#d2d2d2; line-height:24px;}

/* CONTENT */
form p{padding:4px 0;}
form .form-txt{border:#cecece solid; border-width:1px 0 0 1px; width:174px; height:20px; padding:3px 3px 0 3px;}
form .form-btn{border:0; background:url(http://onlinekeysupport.com/themes/client_default/btn.gif) no-repeat; width:64px; height:20px; color:#fff; padding-bottom:2px; cursor:pointer;}
form .form-btn-large{border:0; background:url(http://onlinekeysupport.com/themes/client_default/btn_large.gif) no-repeat; width:100px; height:20px; color:#fff; padding-bottom:2px; cursor:pointer;}
form .form-sel{width:180px;}
form label{line-height:20px; color:#7e7e7e;}
h2{background:#255D82; color:#fff; line-height:20px; padding:2px 4px;}
hr{clear:both; border:#e4e4e4 solid; border-width:1px 0; height:3px; margin-bottom:15px;}

.bread-crumb{background:url(http://onlinekeysupport.com/themes/client_default/ico_home.gif) no-repeat 3px 5px; padding:3px 20px; color:#aaa; margin-bottom:10px;}
.bread-crumb a{color:#aaa;}

	/* SIDEBAR */
	.box{background:#f6f6f6 url(http://onlinekeysupport.com/themes/client_default/box.png) no-repeat right bottom; margin-bottom:25px;}
	.box h3{background:url(http://onlinekeysupport.com/themes/client_default/box.png) no-repeat left top; line-height:20px; color:#fff; padding:0 10px; font-size:13px;}
	.box .box-content{padding:10px;}
	.box .box-content a{color:#3a3a3a;}
	.box .box-content ul li{padding:3px 0;}
	.box .box-content ul li img{vertical-align:middle;}
		
		.box .fl-right{line-height:20px; padding-right:10px; color:#fff;}
		
	/* MAIN PANEL */
	#main-panel p{padding:5px;}
	#main-panel a{color:#3a3a3a;}
	#main-panel strong{font-weight:bold;}
	#main-panel em{font-style:italic;}
	
		/* Dashboard */
		ul.support-dash{padding-left:10px;}
		ul.support-dash li{float:left; width:230px; height:85px; margin:0 15px 25px 0;}
		ul.support-dash li a{color:#1a2020; float:left; height:70px; padding:15px 0 0 62px; background-image:url(http://onlinekeysupport.com/themes/client_default/dash_icon.png); background-repeat:no-repeat;}
		ul.support-dash li a:hover{text-decoration:none;}
		ul.support-dash li a strong{display:block; color:#6E98E2; font-size:14px; margin-bottom:3px;}
		ul.support-dash li a:hover strong{text-decoration:underline;}
			
			/* Dashboard Icons */
			.ico-regi a{background-position:left -300px;}
			.ico-tike a{background-position:left 0px;}
			.ico-know a{background-position:left -400px;}
			.ico-trob a{background-position:left -100px;}
			.ico-news a{background-position:left -500px;}
			.ico-down a{background-position:left -200px;}
			
		/* Content Table */
		.content-list{width:100%; margin-bottom:15px;}
		.content-list .col-2{text-align:right;}
		.content-list th{background:#255D82; color:#fff; line-height:20px; padding:2px 4px;}
		.content-list td{padding:5px;}
		.content-list tr.alt td{background:#f4f4f4;}
		
			/* Table Item Icon */
			.tab-ico-file td.col-1{background:url(http://onlinekeysupport.com/themes/client_default/tab_ico_file.png) no-repeat 5px 8px; padding-left:25px;}
			.tab-ico-file tr.alt td.col-1{background:#f4f4f4 url(http://onlinekeysupport.com/themes/client_default/tab_ico_file.png) no-repeat 5px 8px; padding-left:25px;}
			.tab-ico-down td.col-1{background:url(http://onlinekeysupport.com/themes/client_default/tab_ico_down.png) no-repeat 5px 6px; padding-left:25px;}
			.tab-ico-down tr.alt td.col-1{background:#f4f4f4 url(http://onlinekeysupport.com/themes/client_default/tab_ico_down.png) no-repeat 5px 6px; padding-left:25px;}
			.tab-ico-book td.col-1{background:url(http://onlinekeysupport.com/themes/client_default/tab_ico_book.png) no-repeat 5px 7px; padding-left:25px;}
			.tab-ico-book tr.alt td.col-1{background:#f4f4f4 url(http://onlinekeysupport.com/themes/client_default/tab_ico_book.png) no-repeat 5px 7px; padding-left:25px;}
		
		/* Category List */
		ul.cat-display{padding:5px;}
		ul.cat-display li h3{color:#6E98E2; font-size:13px; padding-left:25px; background:url(http://onlinekeysupport.com/themes/client_default/ico_fold.png) no-repeat left 4px;}
		ul.cat-display li h3 a{color:#6E98E2!important;}
		ul.cat-display li h3 span{color:#868686; font-size:11px;}
		ul.cat-display ul{padding:20px;}
		ul.cat-display ul li{background:url(http://onlinekeysupport.com/themes/client_default/ico_file.png) no-repeat 5px 3px; padding:4px 5px 4px 25px;}
		ul.cat-display ul li.alt{background:#f4f4f4 url(http://onlinekeysupport.com/themes/client_default/ico_file.png) no-repeat 5px 5px;}
		ul.cat-display ul li.more-link{background:none; text-align:right;}
		
			/* Article */
			.article-box{padding:10px 5px;}
			.article-content{padding-top:5px;}
			.article-rating{float:right;}
			.articles-list h3{color:#f1592a; font-size:15px; padding-left:20px; line-height:25px; background:url(http://onlinekeysupport.com/themes/client_default/ico_fold.png) no-repeat left 6px;}
			.articles-list h4{font-size:13px; padding-left:20px; line-height:25px; background:url(http://onlinekeysupport.com/themes/client_default/ico_file.png) no-repeat left 4px;}
			
			.article-view{padding:5px; overflow:hidden;}
			.article-view img{max-width:490px;}
			.article-meta{margin:20px 0;}
			.article-meta legend{font-size:14px; font-weight:bold;}
			.article-meta label{font-weight:bold;}
				
				/* Download */
				.download-list h4{font-size:13px; padding-left:20px; line-height:25px; background:url(http://onlinekeysupport.com/themes/client_default/tab_ico_down.png) no-repeat left 4px;}
				.download-list-btn{float:right;}
				.download-list-btn img{vertical-align:middle;}
			
		/* Registration */
		#main-panel form fieldset{margin:10px 5px;}
		#main-panel form fieldset legend{font-weight:bold; display:block; margin-bottom:5px;}
		#main-panel form  label{float:left; margin-right:5px; clear:left; width:170px;}
		#main-panel form img{vertical-align:middle;}
		#main-panel form .form-txt{border:#cecece 1px solid;}
		
		/* Live Support */
		.live-support form{background:#fff; border:#1a2020 10px solid; padding:15px;}
		.live-support form legend{font-size:18px; font-weight:bold;}
		.live-support form table td{padding:3px 0;}
		.live-support-post form table td{vertical-align:middle!important;}
		.live-support-post form table td textarea{width:450px; height:50px;}
		.live-support-post form table td .swiftsendbutton{width:50px; height:50px;}

/* FOOTER */
#footer a{color:#a6a6a6;}
#footer ul{background:#e4e4e4; text-align:left; line-height:26px; padding:0 10px; color:#4f4f4f;}
#footer ul li{display:inline-block;}
#footer ul li a{color:#4f4f4f; padding:0 3px;}
#footer p{padding:15px 0;}
#footer form{float:right; padding:3px 10px 0 0;}

/* OTHER */
.clear{clear:both;}
.al-right{text-align:right;}
.al-center{text-align:center;}
.fl-right{float:right;}

	/* Lightbox */
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		zoom: 1;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width: 66px; 
		float: right;
		padding-bottom: 0.7em;	
	}