/*  
	Theme Name: Dnata
	Version: 1.0
	Author: Rijo
	Author URL: http://www.flipcorp.com
	*/
	
	/* Global Settings */
	html, body { border:0; margin:0; padding:0;}
	body {
	font:normal 13px/15px arial, helvetica, sans-serif;
	color:#666;
	background:#333 url(images/bg-body.gif) repeat-x;
	}
	
	/* Common Formatting */
	h1,h2,h3,h4,h5,h6 {font-weight:400;	margin:0; padding:0;}
	ul,li,ol {list-style:none; margin:0; padding:0;}
	h1 {letter-spacing:-1px; font:2em arial, helvetica, sans-serif; padding:0;}
	h2 {letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif; padding:0 0 20px;}
	h3 {font:1em arial, helvetica, sans-serif; font-weight:bold;}
	p {margin:0; padding:0 0 20px;}
	img {border:0;}
	
	/* Links */
	a, a:visited { text-decoration:none; outline:none;}
	
	/* Forms */
	form {display:inline; margin:0;	padding:0;}
	
	/* Container */
	#container{width:768px; overflow:hidden; margin: 0 auto; background:#fff; border:10px solid #fff;}
	#header{width:768px;height:85px; background:url(images/bg-header.jpg) no-repeat left top; margin-bottom:10px;}
	#header h1{float:left; width:161px; height:58px; margin:27px 0 0 20px;}
	*html #header h1{margin:27px 0 0 10px;}
	h1 a{width:187px;height:43px;text-indent:-999em;display:block;background:url(images/logo.gif) no-repeat;}
	#header h2{margin:53px 10px 0 0; padding:0; float:right; font:bold italic 20px Arial; color:#fff;}
	
	/* Col-1 */
	#col-1{float:left;width:410px; }
	
	/* Login Box */
	.login-box{float:left; width:425px; overflow:hidden; background:#cccccc;}
	.login-box h3{width:360px; background:#333; font:bold 18px Arial; color:#cccccc; padding: 6px 0 0 18px;}
	.login-box ul#login{float:left; width:345px; padding:20px;}
	.login-box ul#login li{float:left;width:100%;padding:0 0 13px 0;color:#fff;position:relative;}
	.login-box ul#login li.last{padding-bottom:0;}
	.login-box ul#login li label{width:82px;float:left;display:block; color:#000;}
	.login-box ul#login li input{float:left;}
	.login-box ul#login li input.textxx{width:185px;height:20px;background:#ffffff;border:none;padding:3px 0 0 5px; color:#666666; font-size:13px; }
	.login-box ul#login li label.chkbx{width:120px;}
	.login-box ul#login li label.chkbx input{width:15px;height:15px;margin:0 5px 0 0;}
	.login-box ul#login li a.forgot-pwd{color:#000;padding:0 0 0 10px;background:url(images/icon-arrow.gif) no-repeat 0 4px;}
	.login-box ul#login li a:hover.forgot-pwd{color:#333;background:url(images/icon-arrow.gif) no-repeat 0 -14px;}
	
	
	/* Useful Links */
	#useful-links{float:left;width:425px; margin-top:0px; }
	#useful-links h3{width:360px; height:30px; background:#333; font:bold 18px Arial; color:#cccccc; padding: 6px 0 0 18px;}
	#useful-links ul#links{width:338px; padding:20px;}
	#useful-links ul#links li{padding:0 0 3px 0; }	
	#useful-links ul#links li.last{padding-bottom:2px; }	
	#useful-links ul#links li a{ line-height:16px;font-size:13px; padding:0 0 0 15px;color:#000;background:url(images/icon-bullets.gif) no-repeat 0 -55px;}
	#useful-links ul#links li a:hover{color:#fff;background:url(images/icon-bullets.gif) no-repeat 0 5px;}
	
	/*Col-2 */	
	#col-2{float:left;height:455px;width:335px;padding:10px 0 0 0; background:url(images/bg-col-2.jpg) no-repeat 0 34px;color:#fff;font-size:13px; overflow:hidden; background-color:black;}
	#col-2 h3{width:369px; height:29px;padding:12px 0 0 20px; background:#333; font:bold 18px Arial; color:#cccccc; padding: 6px 0 0 18px;}
	#col-2 p{width:325px;padding:15px 0 0 20px;line-height:20px;} 
	#col-2 ul{width:370px;padding:10px 0 0 0px;}
	#col-2 ul li a{font-weight:bold;color:#fff; font-size:13px;	width:125px;display:block;padding:10px 0px 10px 38px;background:url(images/icon-bullets.gif) no-repeat 20px -78px;}
	#col-2 ul li a:hover, #col-2 ul li.current a{color:#333;	background:#fff url(images/icon-bullets.gif) no-repeat 20px -17px;}
	.visit{float:left;width:100%;margin:5px 0 0 20px;}
	
	/* Footer */	
	#footer{float:left;width:730px;height:10px;background:#d81f25; margin:10px 0 0 0;padding:5px 20px 5px 20px;color:#fff;}
	#footer a{color:#fff;}
	#footer a:hover{color:#ccc;}
	#footer a.left{float:left;}
	#footer a.right{float:right;}
	
	/* Validation Message 	
	.validationmsg{width:78px;background:#666666;font-size:9px;color:#fff;display:none;height:18px;overflow:hidden;padding:5px 0 0px 5px;margin:0;
	position:absolute;right:-10px;top:0px;}*/
		.validationmsg
{
    PADDING-RIGHT: 0px;
    DISPLAY: none;
    PADDING-LEFT: 5px;
    FONT-SIZE: 9px;
    RIGHT: -60px;
    BACKGROUND: #666666;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 128px;
    COLOR: #fff;
    PADDING-TOP: 5px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 18px
}