@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto);
*{ font-family:'Roboto', sans-serif !important; }
p, div, span, td{
	color:#FFF !important;
}

/* Background Image: */
body {
	/*background: url(/images/body-bg.gif) repeat-x scroll 0 61px; */
	background:rgb(51,51,51);;
}

A{
	color:rgb(255,255,255) !important;
	text-decoration:underline;
}
A:hover{
	color:rgb(240,240,240);
	text-decoration:none;
}
H1, H2, H3, H4{ 
	font-family:'Roboto Slab', serif !important;
	line-height:normal;
}
H2{
	color:rgb(0,190,191);
	border-bottom:1px solid #999;
	padding-bottom:14px;
	margin:0 0 10px 0;
}
h2.review {
    color: rgb(0,190,191) !important;
    text-decoration: none !important;
}
H3{
	color:rgb(0,190,191);
}
H4{ font-size:16px; }
INPUT:not([type=radio]){
	margin-top:3px;
	line-height: 50px;
    font-size: 16px;
    padding: 0 3% !important;
    width: 40%;
}
INPUT[size='50']{
	width:50%;
}
INPUT[size='60']{
	width:60%;
}
INPUT[size='70']{
	width:70%;
}
INPUT[size='80']{
	width:80%;
}
INPUT[size='90'],
INPUT[size='100'],
INPUT[size='110'],
INPUT[size='120'],
INPUT[size='130']{
	width:90%;
}

INPUT[type=checkbox]{ display:inline; width:auto;}
INPUT[type=checkbox] + LABEL{ display:inline;}

LABEL{
	padding: 14px 0 3px 0;
    display: block;
	line-height:normal;
}

/*form div.formError {
    padding: 2px 3px 2px 24px;
    background-position: center left 4px;
}*/
DIV.formError {
    background-color: #990000 !important;
    padding: 8px 6px 8px 30px !important;
    margin-left: 0px;
    display: block;
    background-position: center left 8px !important;
    line-height: 20px;
}

/* Logo Image: */

/*h1 a { /* Logo / 
	width: 401px; 
	height: 51px; 
	background-image: url('https://images.macu.edu/logo/MACU-JRM-logo.png'); 
	background-size: 401px 51px; /* size of the image /
}*/

#instruction-begin{
	margin-top:14px;
	padding-top:14px;
	border-top:1px solid #999;
}
OL.instructions{
	list-style-type: decimal-leading-zero;
    margin-left: 40px;
    font-size: 16px;
}
OL.instructions LI{
	line-height:22px;
	padding:12px 0;
}
/*Container (block element that wraps the online app and sets it to center)*/

#container { 
	width: 640px !important;
	background: rgb(51,51,51);
	padding:0;
	/*padding: 0 40px 30px 40px;
	-webkit-box-shadow: 0 0 5px #CCC;
	-moz-box-shadow: 0 0 5px #CCC;
	box-shadow: 0 0 5px #CCC; */
	box-shadow:none;
}
 
/*Main Content and Sidebar Sections (All elements within the main application)
To edit the content to the left of the sidebar or within the sidebar in the online application, you will want to use their Ids within the container:*/

#container #mainContent {  
	background: rgb(51,51,51);
	width: 94%; 
	padding: 3%; 
	float: none; 
	display: block;
}

/***Navigation:***/

/*Main Navigation*/
#container #mainNav {
    background-color:rgb(0,0,0);
}
#container #mainNav LI{
    background-color: rgb(24,24,25) !important;
	margin-right:1px;
}
#container #mainNav li a{
	padding:0 24px;
	width:auto;
	line-height:50px;
	font-size:13px;
	font-family:'Roboto Slab' !important;
}
#container #mainNav LI a:hover {
	background-color: rgb(172,22,44);
}
#bProfile #container #mainNav li.tProfile a,
#bApplication #container #mainNav li.tApplication a,
#bPersonalInfo #container #mainNav li.tApplication a,
#bEducation #container #mainNav li.tApplication a,
#bEssays #container #mainNav li.tApplication a,
#bRecommendations #container #mainNav li.tApplication a,
#bTestScores #container #mainNav li.tApplication a,
#bExCurrActivities #container #mainNav li.tApplication a,
#bFamilyRelationships #container #mainNav li.tApplication a,
#bEvents #container #mainNav li.tEvents a{
	background: rgb(140,20,43);
}

#side_bar {
	float: none;
	width: 94%;
	padding: 3%;
	border: none;
	border-top: none;
	background: rgb(0,190,191);
	margin-right: 0;
}
#side_bar p.note {
    font-size: 14px !important;
}
#side_bar h3 {
    color: #FFF;
}
#side_bar h3 SPAN{
	font-size: 16px;
    padding: 14px 0 10px;
    display: block;
    text-align: center;
    letter-spacing: 1px;
}
#side_bar hr{
	border: none;
    border-top: 1px solid rgb(46,164,167);
}
hr.review {
    border: none !important;
    border-bottom: 19px solid rgb(172,22,44) !important;
    background: rgb(172,22,44) !important;
}
table.home_nav{
	margin:0;
}
 
/*Welcome and Sign Out Links*/

#container #minorNav { 
	float: right; 
	margin: -20px 0 14px 0px !important;
}
 
/*Styling the Login and Registration Pages Independently*/

/*The login and registration page CSS can be controlled indepenently of the main application by specifying body.simple in the CSS. Examples of how this may appear are below:
Logo Image for Login Page Example:*/

h1 a, body.simple h1 a { /* Logo */ 
	width: 100%; 
	height: 70px; 
	background: url('https://images.macu.edu/logo/macu-logo-black-bg.png') center left no-repeat; 
	margin-top:14px;
}
#bLogin h1 a, body.simple h1 a{
		background: url('https://images.macu.edu/logo/macu-logo-black-bg.png') center no-repeat; 
}
 
/*Main Content of Login and Registration Page Example:*/

body.simple #container #mainContent { 
	/*border:1px solid rgb(46,164,167); 
	padding:10px 20px; */
	border: none;
    padding: 10px 5%;
    width: 90%;
}

form dl dd.required {
    border-left: 4px solid rgb(172,22,44);
}
form .reqFieldExplanation {
    color: rgb(172,22,44);
    font-size: 13px;
    border-left: 4px solid rgb(172,22,44);
}

INPUT[name=commit], #submit_application {
    display: inline-block;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 20px !important;
    padding-right: 63px !important;
    margin-top: 40px !important;
    margin-bottom: 0px !important;
    background-image: url('http://www.macu.edu/assets/img/button-arrow.png');
    background-repeat: no-repeat;
    background-position: right 16px top 49%;
    background-color: rgb(0,190,191);
    color: #fff !important;
    text-decoration: none;
    font-family: 'Roboto Slab',serif;
	cursor:pointer;
	border:none;
	font-size:16px;
	line-height:normal !important;
	text-align:left;
}
INPUT[name=commit]:hover{
 /*   color: #fff;
    background-color: rgb(172,22,44);*/
	background-image: url('http://www.macu.edu/assets/img/button-arrow-blue.png');
    background-color: #FFF !important;
	color: rgb(0,190,191) !important;
}
#submit_application{
	background-color:rgb(46,164,167);
	color:#FFF;
	margin: 26px 0 !important;
	cursor:pointer;
}
#submit_application:hover{
	background-image: url('http://www.macu.edu/assets/img/button-arrow-blue.png');
	background-color:#FFF;
	color:rgb(46,164,167) !important;
}
#submit_application[disabled], #submit_application[disabled]:hover{
	background-image: url('http://www.macu.edu/assets/img/button-arrow.png');
	background-color:rgb(200,200,200);
	color:#999 !important;
	cursor:default;
}
a.actions.create {
    font-size: 16px;
    display: inline-block;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 20px !important;
    padding-right: 63px !important;
    margin-bottom: 0px !important;
    background-image: url('http://www.macu.edu/assets/img/button-arrow-blue.png');
    background-repeat: no-repeat;
    background-position: right 16px top 49%;
    background-color: #FFF;
    color: rgb(0,190,191) !important;
    text-decoration: none;
    font-family: 'Roboto Slab',serif;
    cursor: pointer;
    border: none;
    line-height: normal !important;
    text-align: left;
}
a.actions.create:hover{
	background-image: url('http://www.macu.edu/assets/img/button-arrow.png');
    background-color: rgb(0,190,191);
	color: #FFF !important;
}

INPUT#recaptcha_response_field{ line-height:normal;}

SELECT{
    font-size: 14px;
    display: block;
    border: none;
    border-radius: 0;
    font-family: Roboto !important;
    padding-left: 3%;
    line-height: 18px;
    height: 50px;
    color: rgb(46,164,167);
    -webkit-appearance: none;
    width: 100%;
	background-color:#FFF !important;
	background-image: url('https://images.macu.edu/jrm/blue-request-button.png');
    background-position: right 16px top 50%;
    background-repeat: no-repeat;
}
[disabled] {
    background: rgb(240,240,240);
}

.ui-menu, .ui-menu-item, .ui-menu-item a, .ui-widget-content a{
	color:#333 !important;
}

.warning{ background-color:rgba(172,22,44,1);}
.notice{
	color:#333 !important;
	background-color:rgb(154,211,224);
	border:none;}
#container img.progressBar {
    background: rgb(46,164,167);
}
table.dataGrid td, table.dataGrid td A{
	color:#333 !important;
}
table.dataGrid tbody tr:nth-child(odd) {
    background: rgb(248,244,235) !important;
}
table.dataGrid tbody tr:nth-child(even) {
    background: rgb(255,255,255) !important;
}
select.field_date_basic {
    display: inline-block;
    width: 30%;
}
INPUT[type=checkbox] + LABEL {
    padding: 0 0 !important;
}
dd.field_radio label {
    display: inline-block;
}
#side_bar table td.label {
    font-size: 16px;
}

IMG.progressBar{
	    height: 10px;
}
dd.field_information font {
    color: #FFF;
}
form > dl dd em strong font {
    margin-top: 12px !important;
    display: block;
	line-height: 20px;
}

@media screen and (max-width:640px) {
	#container{ width:100% !important;
	}
	h1 a, body.simple h1 a { /* Logo */ 
		width: 100%; 
		height: 70px; 
		background: url('https://images.macu.edu/logo/macu-logo-black-bg.png') center left no-repeat; 
		background-position:10px 0;
		margin:-6px 0 14px 0;
	}
	#container #mainContent{
		padding:5%;
		width:90%;
	}
	#container #minorNav { 
		float:none; 
		margin: 20px auto !important;
	}
	#side_bar {
		width:92%;
		padding:4%;
	}
	#side_bar H3{
		padding-top:0px;
		margin-top:0px;
		text-align:left;
	}
}

@media screen and (max-width:500px) {
	INPUT,
	INPUT[size='50'],
	INPUT[size='60'],
	INPUT[size='70'],
	INPUT[size='80'],
	INPUT[size='90'],
	INPUT[size='100'],
	INPUT[size='110'],
	INPUT[size='120'],
	INPUT[size='130']{
		width:90%;
		padding:0 5%;
	}
	.required INPUT{ width:92%}
	.required{ left: -2%}
	INPUT[name=commit]{
		width:100%;
		text-align:left;
	}
	SELECT{
		width:102%;
	}
}