/**************************************************
 * cms_login.css
 * Version: 1.0
 * Last Modification: 2008-10-28
 * Description: CMS login page styles
 * Author: Ruben Ascencio
**************************************************/

/*=============================================
	YUI Reset CSS
=============================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*=============================================
	Global
=============================================*/

body {
    background:#FFF;
    color:#999;
    font-family:Verdana,Arial,sans-serif;
    font-size:12px;
    line-height:18px;
}
h1 {
    color:#220207;
    font-size:24px;
    font-weight:normal;
	margin-bottom:15px;
}
h3 {
    color:#282828;
    font-size:11px;
    text-transform:uppercase;
}

/*=============================================
	Logo
=============================================*/

#logo {

}

/*=============================================
	Quicknav
=============================================*/

#quicknav {
    font-size:12px;
    float:right;
    height:25px;
    text-align:right;
    width:530px;
}
#quicknav a {
    color:#D3D09C;
}

/*=============================================
	Main Wrapper
=============================================*/

#main_wrapper {
    margin:0 auto;
    width:780px;
}

/*=============================================
	Content
=============================================*/

#content {
    margin-top:56px;
    padding:15px 10px;
}

/*=============================================
	Login Form
=============================================*/

#login_container {
    margin:50px auto;
    padding:20px 30px;
    width:280px;
}
.input {
    clear:both;
    margin-top:10px;
    padding:5px 0;
}
#login_container .input label {
    color:#666;
    display:block;
    float:left;
    font-size:12px;
    width:70px;
} 
#login_container .input input {
    background:#FFF url(img/input_field_bg.gif) repeat-x top;
    border:1px solid #999;
    border-bottom:1px solid #BDBDBD;
    border-right:1px solid #BDBDBD;
    display:block;
    float:left;
	font-size:14px;
	height:20px;
    width:200px;
} 
.submit {
    clear:both;
    margin-top:10px;
    padding:5px 0;
}
#login_container .submit input {
    background:#666 url(img/module_head_bg.gif) repeat-x;
    border:1px solid #999;
    border-bottom:1px solid #444;
    border-right:1px solid #444;
    color:#220207;
    clear:both;  
    padding:0 7px; 
    display:block;
}
#login_container div.module_body {
	padding-left:35px;
}

/*=============================================
	Flash Messages (info, errors...)
=============================================*/

.msg {
	color:#220207;
    font-weight:bold;
}
.info {
}
.positive div.module_body {
    background:#f6eded url(icons/accept.png) no-repeat 6px;
    color:#42ad1f;
	padding-left:28px;
}
.error div.module_body {
    background:#f6eded url(icons/exclamation.png) no-repeat 6px;
	color:#CC0000;
	padding-left:28px;
}

/*=======================================================================
		 Modules
 =======================================================================*/

.module {
	background:url(img/module_head_bg.gif) repeat-x;
    margin-bottom:10px;
}
.module_head {
    background:url(img/module_tl_bg.gif) no-repeat;
    border-bottom:1px solid #FFF;
}
.module_head h3 {
    background:url(img/module_tr_bg.gif) no-repeat 100% 0;
    padding:6px 10px;
}
.module_head.no_heading {
    background:#EEE url(img/module_no_heading_tl_bg.gif) no-repeat;
    border:0 none;
    height:5px;
}
.module_head.no_heading div {
    background:url(img/module_no_heading_tr_bg.gif) no-repeat 100% 0;
}
.module_body {
    background:#EEE;
    padding:4px 10px 2px;
}
.module_body input.input {
    width:70%;
}
.module_footer {
    background:#EEE url(img/module_bl_bg.gif) no-repeat;
    height:8px;
}
.module_footer div {
    background:url(img/module_br_bg.gif) no-repeat 100% 0;
}