/*
	MAD specific styles
	---------------------------------------------------------------------------
    3chillies
*/

/**
 ** Global styles
 */
.form input,
.form textarea,
.form select {
    font-family: "Myriad Pro", "Lucida Grande", Arial, sans-serif;
    font-size:0.9em;
}


/**
 ** MAD styles
 */
body.mad {
	padding: 0;
}
body.mad #header {
	border: 0;
	background: #fff url('../images/mad-header.png') scroll no-repeat center -5px;
	padding: 36px 0 36px 0;
	position:relative;
}
body.mad #header h1 {
	font-size: 36px;
	line-height: 34px;
	color: #fff;
	width: 500px;
	margin: 18px 0 0 410px;
	float: left;
}
body.mad #header .site-name {
	float: right;
	margin: 18px 10px 0 0;
	width: 254px;
	background-image: url('../images/resource-it-logo-publishedby.png');
}
body.mad #header .site-name a {
	display: block;
	height: 65px;
}
body.mad #header .login-status {
	position:absolute;
	right:20px;
	color:#fff;
}
body.mad #header .login-status:hover {
    color:inherit;
}
body.mad #content {
	width: 960px;
	position:relative;
}
body.mad #content h1 {
	font-size: 36px;
	font-family: "Palatino", "Palatino Linotype", Georgia, 'Times New Roman', serif;
	margin: 18px 0;
	color: #8ACD71;
	line-height: 36px;
	font-weight: normal;
}
body.mad #content h2 {
	color: #3778C5;
	font-size: 18px;
	margin: 27px 0 9px 0;
	font-weight: bold;
	font-family: "Myriad Pro", "Lucida Grande", Arial, sans-serif;
}
/* Left column */
body.mad #intro,
body.mad #left-column {
	float: left;
	width: 460px;
	margin: 0 10px 0 80px;
	padding: 0 10px;
}
body.mad .loading-progress {
    position:absolute;
    top:0px;
    left:0px;
    background:#fff;
    opacity:.5;
    filter:alpha(opacity=50);
    -ms-filter:"alpha(opacity=50)";
    -khtml-opacity:.5;
    -moz-opacity:.5;
    width:100%;
    height:100%;
    z-index:1;
}
body.mad .loading-progress-inner {
    width:100%;
    height:100%;
    background:transparent url(../images/loading.gif) no-repeat 50% 100px;
}
body.mad #mad-search-panel {
	padding: 18px 10px 72px 10px;
	border-bottom: 1px solid #E4E9F1;
}
body.mad #mad-contribute {
	padding: 18px 10px 72px 10px;
	border-bottom: 1px solid #E4E9F1;
}
body.mad #mad-search-panel label {
	font-size: 20px;
	width: 200px;
}
body.mad #mad-search-panel .text-field input { /* MAD search field */
	background: #fff;
	border: 1px solid #646C7E;
	padding: 8px;
	font-size: 14px;
	text-transform: uppercase;
	width: 165px;
	vertical-align: middle;
}
body.mad #mad-search-panel .text-field input:focus {
	border: 1px solid #6396F7;
}
body.mad #mad-search-panel .letters {
	font-size: 18px;
}
body.mad #mad-search-panel .letters .active {
    padding:0 4px 0 4px;
    color:Green;
	font-style:italic;
}
body.mad #mad-contribute .form {
    width:286px;
    margin-left:20px;
}
body.mad #mad-contribute .form .form-item.text-field input,
body.mad #mad-contribute .form .form-item.textarea-field textarea {
    width:166px;
}
body.mad #mad-contribute .form .form-item.textarea-field textarea {
    height:50px;
}
body.mad #mad-contribute .form .form-item.text-field input {
    text-transform:uppercase;
}
body.mad #mad-contribute .form .form-item.button  {
    clear:both;
}
body.mad #mad-contribute .form .form-item.error-message  {
    clear:both;
    float:none !important;
}

/* Right column */
body.mad #user-details,
body.mad #search-results,
body.mad #right-column {
	float: left;
	background: #fff;
}
body.mad #search-results {
	width: 300px;
}
body.mad #right-column,
body.mad #user-details {
	width: 246px;
}
body.mad #user-details .register .form .form-item.button {
    margin-top:10px;
}
body.mad #user-details .login .form .form-item.error-message {
    clear:both;
    float:left;
    width:100px;
}
body.mad .form .form-item.checkbox-field label {
    display:inline-block;
    width:200px;
    text-align:right;
}

/**
 ** Forms
 */
body.mad .bordered-box {
	border: 6px solid #E4E9F1;
	padding: 0 30px 30px 30px;
}
body.mad .form {
    margin-left:5px;
}
body.mad .form td {
    padding:0;
}
body.mad .form .form-item {
    padding-bottom:2px;
    position:relative;
    padding-right:8px;
}
body.mad .form .form-item .validator {
    position:absolute;
    top:0;
    right:0;
}
body.mad .form .form-item.forgotten-password {
    clear:both;
    display:block;
    text-align:right;
    padding-top:10px;
}
body.mad .form .form-item.error-message {
    color:Red;
}
body.mad .form .form-item.text-field label,
body.mad .form .form-item.textarea-field label,
body.mad .form .form-item.dropdown-field label {
	width: 100px;
	display: inline-block;
	vertical-align:top;
}
body.mad .form .form-item.text-field input {
	width: 120px;
	padding:2px;
}
body.mad .form .form-item.dropdown-field select {
	width: 128px;
}
body.mad .form .form-item.textarea-field textarea {
	width:120px;
	padding:2px;
}
body.mad .form .form-item.checkbox-field {
	float:right;
	padding-top:5px;
	vertical-align:top;
}

body.mad .form .form-item.checkbox-field2 {
	padding-top:5px;
}

body.mad .form .form-item.checkbox-field2 label {
    width:210px;
    font-size: 90%;
}
    
body.mad .form .form-item.checkbox-field input {
	position:relative;
	top:2px;
	left:2px;
}

body.mad .form .form-item.checkbox-field2 input {
	vertical-align:top;
}
body.mad .form .form-item.button {
	float:right;
}
body.mad .form .button input {
	margin: 6px 0 0 0;
	float: right;
}

body.mad div.small
{
    padding: 5px;
	background-color: #efefef;
	font-size: 85%;
}