@charset "utf-8";
/* CSS Document */


.clear {
                clear: both;
                }

#body-wrapper {
		background: url('../images/bg-radial-gradient.gif')repeat;
}  
							
body#login {
	color: #fff;
	background: #222 url('../images/login.gif');
}

#login-wrapper {
                background:url(../images/bg-login-top.png)repeat-x left top;				
				}				
				

#login-wrapper #login-top {
				width: 100%;				
				padding: 125px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #ffffff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
				
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				height:25px;
				}
				
#login-wrapper #login-content p {
				padding: 0;				
				}
				
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}
				
				.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') repeat-x top left !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
				margin:0 0 0 150px;
                color: #ffffff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
				
				.add_brand_model_button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') repeat-x top left !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;				
                color: #ffffff !important;
                font-size: 11px !important;
				width: 70px;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
				
				
				
				/********************************     Left menu      ********************************/
								


#sidebar {
                background: url('../images/login.gif') repeat;  
				width: 100%;             
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                color: #888;
                font-size: 11px;
                }
				
				#sidebar #sidebar-wrapper {
                margin: 0 0 0 9px;
                }
				
				
				#sidebar a,
#sidebar a:active {
                color:#cccccc;
                }

#sidebar a:hover {
                color:#ffffff;
                }
				
/********************************     END HERE      ********************************/				
/********************************     Left menu navigation     ********************************/

#sidebar #main-nav {
                width: 100%;
                padding: 0;
                margin: 0 0 0 0;
                font-family: Helvetica, Arial, sans-serif;
                }

#sidebar #main-nav li {
                list-style: none;
                padding-bottom: 10px;
                text-align: right;				
                }

#sidebar #main-nav li a.nav-top-item {
                background: transparent url('../images/bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */
                padding: 10px 15px;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }

.current {
                background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
                }



#sidebar #main-nav ul {
                padding: 0;
                font-size: 12px;
                margin: 0;
                }

#sidebar #main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: right;
				padding: 0;				
                }

#sidebar #main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #aaa;
                font-size: 13px;
                line-height: 1.2em;
				text-decoration:none;
                }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #ffffff;
                }
	
				
				/*  end here   */
				
				
/*************** Content Box ***************/				
#main-content {	
                margin: 0 30px 0 260px;
                padding: 40px 0 0 0;
                }
		
				
.content-box {
			border: 1px solid #ccc;
			margin: 0 0 20px 150px;						
			background: #fff;
}
.column-left {
                width: 60%;
                float: left;
                }
                
.column-right {
                width: 60%;
                float: left;
                }
				
.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 50px;
                }
				
.content-box-header h3 {
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				width:100%;				
				cursor:pointer;
				font-size:15px;
				color:#57A000;
                float: left;				
                }
.content-box-content {
                padding: 8px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }			
				
/*************** END HERE ***************/




.notification {


				position: relative;       
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;       
                width:225px;
				text-align:center;
				font-style:normal;
                padding: 10px 10px 10px 10px;                
				margin:0 0 0 580px;
              
                }

.notification_errro {      
				position: relative;       
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 14px;
                width:280px;
				text-align:center;
				font-style:normal;
                padding: 10px 10px 10px 10px;                     
                }		

		
				
.error {
				background: #ffcece url('../images/cross_circle.png');
				border-color: #df8f8f;
				color: #665252;
}

.notification_success {      
				position: relative;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 14px;
                width:240px;
				text-align:center;
				font-style:normal;
                padding: 8px 8px 8px 8px;                     
                }	
				


.success {
                background: #d5ffce url('../images/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.content-box,
.content-box-header,
.notification {
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
}
				

.notification_success,
.notification_errro {
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
}
                

/*.tab-content input {
				width: 200px;
				float:left;				
				}*/
            


.highlights input {
				width: 300px;
				height:20px;				
				}

				form select,
				form textarea,
				.highlights input,
				.text-input{				
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
				
				/*.medium-input {
                width: 80% !important;
                }*/
				
				form select,
				form textarea,
				.highlights input,			
				.text-input{
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
			}
			
			
.content-box-header {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				
.closed-box .content-box-header {
                -moz-border-radius-bottomleft: 6px;
                -moz-border-radius-bottomright: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -webkit-border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
				border-bottom-right-radius: 6px;
                }
				
.size_manage{
	width:150px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}