/*  Common Layout for Mobility 
    - iPhone/iPad/iPod Touch
    - Android Phones & Tablets (2.2+) */
/* ============================== */
@font-face {
    font-family: 'Abel';
    src:    local('☺'), 
            url('../fonts/abel_font.eot?#iefix') format('embedded-opentype'),
            url('../fonts/abel_font.woff') format('woff'),
            url('../fonts/abel_font.ttf') format('truetype'),
            url('../fonts/abel_font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* get rid of Android highlight on click */
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
     

/* Color Styles */

.teal {
    color: #0eaeb4;
}

.red {
    color: #e20000;
}

.purple {
    color: #8002d9;
}

.lightgrey {
    color: #868686;
}

.burntorange {
    color: #bc3e00;
}

.blue {
    background: #ebf1f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}

.green {
    background: #b4e391; /* Old browsers */
    background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
    background: linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}

.slate {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #aaaaaa 5%, #595959 95%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#aaaaaa), color-stop(95%,#595959), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#aaaaaa 5%,#595959 95%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#aaaaaa 5%,#595959 95%,#dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#aaaaaa 5%,#595959 95%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#aaaaaa 5%,#595959 95%,#dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

.red {
    background: rgb(169,3,41); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.lightgreen {
    background: rgb(230,240,163); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
}

/* Basic Element Styles */
body {
	font-family: 'Abel',Helvetica, Arial, sans-serif;
	color: #3D3D3D;
	background: #dfdfdf;
	width:100%;
	
}

.container {width:100%}


#wrapper {
    position:absolute; z-index:1;
    top:46px; bottom:65px;
    width:100%;
    background:#aaa;
    
}

#header {
    height:44px;
    width:100%;
    position:absolute; z-index:2;
    border-top:1px solid #444;
    box-shadow: 1px 1px 20px 8px rgba(0,0,0,0.8);
    -webkit-box-shadow: 1px 1px 20px 8px rgba(0,0,0,0.8);
    -moz-box-shadow: 1px 1px 20px 8px rgba(0,0,0,0.8);
    border-bottom: solid 1px #333333;
    border-top: solid 3px #333333;
} 
	
#header .logo {
    width: 212px;
    height: 303px;
    background: url(../img/logo.png) no-repeat;
}

#header .logo h1 {
    /* color: #5DD7A0; */
    color: transparent;
    font-size: 0;
    margin-left: -1000px;
}
	
a {
    color: #1371ff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
	
a:hover {
    color: #46a173;
}
	
p {
    margin: 0 0 10px 0;
}
	
h1.pageTitle {background:#798088;padding: .5em 0; text-align:center;color:#ffffff;text-shadow: 0 1px rgba(0,0,0,.5);border-bottom: solid 1px #ffffff;}


h2 {
	margin: 0 0 10px 0;
}

h2.sectionHeader {background:#cfcfcf;color:#333333;border-top:solid 1px #ffffff;text-align:center;border-bottom:solid 1px #666666;}

.news {line-height: 1em;clear:both;padding:.5em;background:#dfdfdf;border-top: solid 1px #efefef;border-bottom: solid 1px #262626;color:#333333;}
.news a{color:#1371ff;}

.small {font-size:80%;}

.course_management_options p{display:block;padding:.5em;font-size:1.5em;color:#333;border-bottom: solid 1px;}
.course_management_links ul{}
.course_management_links ul li a{ padding:.5em;padding-left:2em;font-size:1.2em;border-top:solid 1px #dfdfdf;border-bottom:solid 1px #333333;width:100%;display:block;}
.email_links ul li a {padding:.5em;padding-left:2em;font-size:1.2em;border-top:solid 1px #dfdfdf;border-bottom:solid 1px #333333;width:100%;display:block;background:#71859E;color:#ffffff;text-decoration:underline;}
.Portal_Message_Blue{color:#ffffff;font-size: 1.2em;text-align:center;padding:1em;background-color:rgba(21,49,93,.9);border-bottom:solid 1px #ffffff;line-height:1em;}
.Portal_Grid_Pager {padding: 1em 0;padding-bottom:.8em;}
.Portal_Grid_Pager span{padding:1em;background:#dfdfdf;margin:1px;color:#333333;}

h1.courseName{padding:.5em;text-align:center;font-size:1.5em;background:#333333;}

#scrollbox h2{padding: .5em;}
#matrixSchedule caption, #courseSchedule caption{text-align:left;text-indent:1em;}




#hideheader h1{font-size: 1.5em;font-weight:normal;}
#hideheader h1.questions{background: transparent url(../img/icons/icon_questions.png) 90% 100% no-repeat !important;}
#headerLeft div.info{float:left;margin-top:.4em;display:none;margin-right:1em;}
p.topNote {font-size: .8em;color:#fff;font-weight:bold;}
#hideheader p{padding:1.5em;text-align:center;font-size: 1em;line-height: 1em;}
#hideheader h1 a{font-size: 1em;}
#pathway {font-size: .8em;}
#inputForm{width:100%;padding:1em 0;text-align:center;}

/* Scroller Styles */
#wrapper {
	background: url(../img/dark_fabric.jpg) repeat 0 0;
}

#scroller, #pane1, #pane2, #pane3, #pane4, #pane5 {

	position: absolute;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width: 100%;
	padding: 0;

}

#horiz {background:#fff;}

/* tabs and news styles */
#tabControls {width:100%;background:#333;height:50px;line-height:50px;text-align:center;border-top: solid 10px #fff;overflow:hidden;width:650px;}
ul#idTabs{list-style-type:none;width:100%;}
ul#idTabs li{display:inline-block;float:left;}
ul#idTabs li a{color:#fff;font-size:.9em;display:block;height:45px;border-top:solid 5px #efefef;padding: 0 .5em; }

/* active tab coloring */
ul#idTabs a.active{background:#efefef;border-top:solid 5px #00baff;}
a#newsLink.active {border-top:solid 5px #390 !important; color:#390;}
a#courseLink.active {border-top:solid 5px rgba(21,49,93,.9) !important;color:rgba(21, 49, 93, .9);}
a#calendarLink.active {border-top:solid 5px #f30 !important;color:#f30;}
a#friendLink.active {border-top:solid 5px #3cf !important;color:#3cf;}
a#sportsLink.active {border-top:solid 5px #660000 !important;color:#660000;}
a#lifestyleLink.active {border-top:solid 5px #cc33ff !important;color:#cc33ff;}
a#weatherLink.active {border-top:solid 5px #009999 !important;color:#009999;}

#sampleNews h1 {color:#390 !important;}
#myCourses h1 {color: rgba(21, 49, 93, .9) !important;}
#myCalendar h1 {color:#ff3300 !important;}
#myTwitterFeed h1 {color: #3cf !important;}
#campusSports h1 {color: #660000 !important;}
#campusLifestyle h1 {color: #cc33ff !important;}
#weekWeather h1 {color:#009999 !important;}
.campusLifestyle {background:#efefef;}

#campusSports {background:#efefef;}
#campusSports h2 {background: #600;color:#ffffff;}

.newsItems {background:#efefef;}               
.newsItem, .tweet p {background:#dfdfdf;}               
.newsItem h1, #myCalendar h1, #myCourses h1, #myTwitterFeed h1, #campusSports h1, #campusLifestyle h1, #weekWeather h1  {background:#efefef;padding:.5em 1em;border-bottom:solid 1px #00baff;}
.newsItem h2, #campusSports h2, #campusLifestyle h2, #weekWeather h2 {font-weight:bold;font-size:1em;text-align:left;padding:.5em;}
.newsItem p, .tweet p {display:block;line-height:1em;padding:.5em;min-height:75px;color:Black;border-top:solid 1px #888;border-bottom:solid 1px #adadad;}
.tweet p img,.newsItem img {box-shadow: 1px 1px .5em rgba(0,0,0,.5);border:solid 1px #888;width:65px;}
.campusAlert h2 {background:#334e5d;color:#ffffff;}
.tweet h2 {background: #33ccff;line-height:1em;padding:.5em;font-size:1.2em;}
.campusNews h2{background:#56829c;color:#ffffff;}
.campusLifestyle h2 {background:#c3f;color:#ffffff;}
.weekWeather h2 {background: #099;color:#ffffff;}
span.small {color:blue;}
/* Page Paradigm Styles */
.optionsPane {padding: 1em;font-size:1em;}
.formContainer {text-align:center;vertical-align:middle;padding-top:1em;}
.Page_Logo{font-size:1.2em;text-align:center;margin: 1em;}

/* table & associated element styles */
caption{font-size: 1.5em;background:#333;color:#fff;padding:.5em 0 !important;}
/* courseOfferings Styles */
table.courseDetails{width:100%;}
.courseDetails td span{color: #000000;text-align:justify;}
.courseDetails td {background:#000000;}

#toScroll {position:absolute;overflow:hidden;}
div#termInclusion {height:50px;line-height:50px;background: #71859e;padding:0 .5em;}
#termInclusion label{float:left;margin-right:1em;color:#ffffff;}
#termInclusion input {}
/* index styles */
div#linkProtect table {width:100%;}

/* student directory styles */
.pgp_wrapper{border-bottom:solid 1px #fff;}

/* ledger styles */
.ledger {color:#ffffff;}

/* login page styles */
#loginForm {padding:1em; text-align:center;}
#frmLogin {color:#ffffff;}
/* send email form styles */
.sendEmail {text-align:center;display:block;background:#afafaf;margin:0 auto;border:solid 1px #ffffff;}
.sendEmail h1 {font-size: 1.5em;}
li.iPadOnly {display:none;}

/* Transcript Styles */
.gpaGrouping {border-top: 1px solid #5b636b; border-bottom:solid 1px #fff;width:100%;clear:both;font-size:1.5em;padding:.5em;text-align:center;background:#798088;color:#ffffff;}
.transcriptTerm h2 {text-align:center;border-bottom:solid 1px #ffffff;}



/* Profile in Slidemenu Styles */
#profileFunctions{padding:0;margin:0;line-height:1em;height:88px;}

/* expander indicators */
.hidemePlus {background: #71859E url(../img/icons/icon_plus.png) 95% 14px no-repeat !important;color:#ffffff;}
.hidemeMinus {background: #afafaf url(../img/icons/icon_minus.png) 95% 14px no-repeat !important;color:#ffffff;}

p.expanderPlus.old 
{   background: #cedce7; /* Old browsers */
    background: url(../img/icons/icon_plus.png) 95% 14px no-repeat, -moz-linear-gradient(-45deg,  #cedce7 0%, #596a72 100%); /* FF3.6+ */
    background: url(../img/icons/icon_plus.png) 95% 14px no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
    background: url(../img/icons/icon_plus.png) 95% 14px no-repeat, -webkit-linear-gradient(-45deg,  #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/icons/icon_plus.png) 95% 14px no-repeat, -o-linear-gradient(-45deg,  #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
    background: url(../img/icons/icon_plus.png) 95% 14px no-repeat, -ms-linear-gradient(-45deg,  #cedce7 0%,#596a72 100%); /* IE10+ */
    background: url(../img/icons/icon_plus.png) 95% 14px no-repeat, linear-gradient(-45deg,  #cedce7 0%,#596a72 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
    
p.expanderMinus.old
{
    background: #596a72 url(../img/icons/icon_minus.png) 95% 14px no-repeat ; /* Old browsers */
    background: url(../img/icons/icon_minus.png) 95% 14px no-repeat, -moz-linear-gradient(-45deg,  #596a72 0%, #cedce7 100%); /* FF3.6+ */
    background: url(../img/icons/icon_minus.png) 95% 14px no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7)); /* Chrome,Safari4+ */
    background: url(../img/icons/icon_minus.png) 95% 14px no-repeat, -webkit-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* Chrome10+,Safari5.1+ */
    background: url(../img/icons/icon_minus.png) 95% 14px no-repeat, -o-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* Opera 11.10+ */
    background: url(../img/icons/icon_minus.png) 95% 14px no-repeat, -ms-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* IE10+ */
    background: url(../img/icons/icon_minus.png) 95% 14px no-repeat, linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    color:#fff;}
    
    
p.expanderPlus 
{   
    background:#71859E url(../img/icons/icon_plus.png) 95% 14px no-repeat;color:#ffffff;
}
    
p.expanderMinus 
{
    background:#afafaf url(../img/icons/icon_minus.png) 95% 14px no-repeat ;color:#ffffff;
}
    
.course_management_links ul li a
{
background: #dfdfdf;
    
    }

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

/* portrait */


@media handheld, only screen and (max-width: 1280px) {


body {
/*margin-bottom: 30px;*/
}

* {}

#headerRight{display:block;float:right;background:url(../img/pullHandle.png)1px -5px no-repeat;overflow:visible;height:50px;width:50px;}


#logo {
margin: 0 auto;
max-width: 130px;
float:left;
margin-right: 1em;
}

/* student info styles */


#student 
{
display:block;
height:50px;
background: #89a8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #89a8ff 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89a8ff), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #89a8ff 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #89a8ff 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #89a8ff 0%,#333333 100%); /* IE10+ */
background: linear-gradient(top,  #89a8ff 0%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a8ff', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
border-bottom: solid 1px #dfdfdf;
padding:.5em;
}
#student img{width:50px;height:50px;margin-right:1em;}
#student p{font-size:2em; padding:.2em;color:#ffffff;line-height:.5em;}
#student p span{font-size: .5em;margin-top:3px;}
#studentLeft {float:left;width:40%;}
#studentRight {float:right;width:40%;}

/* footer mobile */
#footer{position:absolute; z-index:2;bottom:0; left:0;width:100%;height:65px;padding:0;}
#footerWrap {position:absolute;z-index:99999999;bottom:0;left:0;}

/********************************* Table Styles ******************************************/
/* table and row styling */
table, th, td {margin:0;padding:0;line-height:1em;border-spacing: 1px;}
th {padding: .5em 0 !important;background: #798088;font-weight:normal;color:#ffffff;}
.blankCell {background:#aaa;}

.hidden {display:none;}
.table {width:100%;border-spacing:1px;color:#ffffff;}
.header {background:#888888;color:#00baff;padding:.5em;font-weight:bold;font-size:1.2em;text-shadow: 0 1px rgba(0,0,0,.5);}
.subheader {background:#efefef;color:#333333;padding:.5em;font-size:1em;line-height:.9em;}
.highliteCell {background:#71859e;border:solid 1px #ffffff;color:#ffffff;padding-right:.5em;}
span.Portal_Grid_Pager_Selected {background: rgba(21,49,93,1);color:#ffffff;padding:1.1em;}
.infoAlert {background: rgba(21,49,93,1);color:#ffffff;text-align:center;padding: .5em 0;border-bottom: solid 1px #ffffff;}
/* multiColumn row styling (default) */
tr.altRow, tr.row, th{padding:.3em; line-height:1em;}
tr.row{background: #E1E5E9;color:#666666;}
tr.altRow {background: #ffffff;color:#666666;}
tr.row td {text-align:center;}
#evaluation tr.row td {text-align:left !important;}
#evaluation textarea {width:95%;margin:0 .5em;}
tr.altRow td {}
tr.altRow td, .table tr.row td{padding:.5em .2em;}

/* singleColumn row styling */
.singleColumn tbody tr.altRow, table.table.singleColumn tbody tr.row{background: #dfdfdf;padding:2px; line-height:1em; font-size:85%;border-bottom: solid 1px #333333;border-top: solid 1px #ffffff;color:#333333;}
.singleColumn tbody tr.row td {border-left:solid 10px #71859e;text-align:left;}
.singleColumn tbody tr.altRow td {border-left: solid 10px #798088;}
.singleColumn tbody tr.altRow td, table.table.singleColumn tbody tr.row td{padding:1em;font-size:1.2em;}
.singleColumn tbody .row td a, table.table.singleColumn tbody .altRow td a{text-indent:1em;}
.singleColumn tbody td.subheader{padding:.5em;}
.singleColumn tbody td.subheader a{float:right;color:#ffffff;margin-right:1em;}
td.email{background: #999;}
tr.row td {padding: .5em 0}

/********************************* end Table Styles *************************************/





/* job search styles */
#searchContainer {background:#dfdfdf;}
.dropdown {width:80%;}
.searchResults {background:#E1E5E9;padding:.5em;border-bottom:solid 1px #333;border-top:solid 1px #efefef;}


#login_button a{

position:absolute;
bottom:0;
line-height: 65px;
text-align:center;
width:100%;
font-size: 2em;

}

#scrollbox {

position:absolute; z-index:1;
top:0;bottom:0; left:0;
width:100%;
background:#aaa;
box-shadow: 1px 1px 20px 8px rgba(0,0,0,0.8);
-webkit-box-shadow: 1px 1px 20px 8px rgba(0,0,0,0.8);
-moz-box-shadow: 1px 1px 20px 8px rgba(0,0,0,0.8);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transition: translateZ(0px);

}
/* moreInfo styles */
#moreInfo {padding:1em; color:#ffffff;}
#moreInfo h1 {padding:.5em 0;}

.tip {background:#333; }
.tip p {font-size:1em;}
.tip p img {max-width:50px;}

.infoScroller{overflow:auto;position:absolute;padding:1em;height:auto;}
.infoScroller h1{font-size:1.2em;line-height:.9em;}
div.tip{background:#afafaf;line-height:1em;border:solid 1px #ffffff;border-radius: 4px;margin: .5em 0;padding:.5em;} 
.tip h1{color:yellow;font-size:1.2em;font-weight:bold;}
.tip img {max-width:50px;float:left;padding:1em;}  

#fixedheader h1{text-align:center; padding:.5em;}

/* iOS Style Back & Info Buttons */
#backButton {margin-left: .5em;margin-top:.4em;}

#backButton a, a#infoButton {color: #fff;
text-decoration: none;
display: inline-block;
padding: 4px 10px;
-webkit-border-radius: 5px;
}

#backButton a.black, a#infoButton, .button {
background-image: -webkit-gradient(linear, left top, left bottom,
from(#7d828c),
color-stop(0.5, #303749),
color-stop(0.5, #121a2e),
to(#121a2e));
border: solid 1px rgba(79, 79, 79, 0.75);
}

#backButton a.black:hover, a#infoButton:hover, .button:hover {
background-image: -webkit-gradient(linear, left top, left bottom,
from(#4286f5),
color-stop(0.5, #4286f5),
color-stop(0.5, #194fdb),
to(#194fdb));
}

.copyright {text-align:center;}

/* action CSS */

/* hide/show scrollbox */
.hidesb {top: 100% !important;}
.showsb {top: 60px;}

#profileInfo label {color:#888888;}

/* Modal Window - lightbox Styling */



/* Existing Classes Restyled */

.Form_Container {border: solid 1px #ffffff; padding: 0; margin:0 auto; width: 98%;box-shadow: 1px 1px .5em rgba(0,0,0,.8);-webkit-box-shadow: 1px 1px .5em rgba(0,0,0,.8);-moz-box-shadow: 1px 1px .5em rgba(0,0,0,.8);-o-box-shadow: 1px 1px .5em rgba(0,0,0,.8);border-radius: 10px; background:#333333;}
.Form_Container input {border-radius: 5px;}

.Row label {color:#ffffff;}
.Button_Row {padding:.5em;}
.button {display:block;border-radius: 4px;color:#000;padding:.5em;text-align:center;margin:0 auto;}
.Portal_Calendar_Day_Link {text-decoration:underline;color:#1371ff;font-size:1.2em;}
.Portal_Calendar_Day_Today > .Portal_Calendar_Day_Link {color:#ffffff;}
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
} /* end 1280 media query */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

.header .logo {
background: url(../img/logo@2x.jpg) no-repeat;
background-size: 212px 303px;
}

}

/* ========================================== */
/* ! Phone Specific Styles  */
/* ========================================== */
@media only screen and (max-width: 767px) 
{
    
    table, th, tr, td, .row,.altRow {font-size:95%;}
    .sendEmail {text-align:center;display:block;background:#afafaf;width:100%;margin:0 auto;margin-top:0%;}
    .sendEmail h1 {font-size: 1.2em;}
    .middleForm {margin-top:0%;}
    #Textarea1, #Text1 {width:80%;}
    #Textarea1 {height:60px;}
    .colSizeSetter {width:120px;}
    }
    

/* ========================================== */
/* ! Tablet Specific Styles  */
/* ========================================== */
   
    @media only screen and (min-width: 768px) 
{
    
   
   #Textarea1, #Text1 {font-size: 1em;padding:1em;width:80%;}
   #Submit2, #Button2 {height:50px;}
   .Row {text-align:center;}
   #subjectLabel label, #messageLabel label {font-size:1.2em;background:#71859e;padding:.5em;margin:1em;display:inline-block;width:20%;border-radius:10px;text-align:center;border:solid 1px #ffffff;} 
   #profileInfo input {width:60%;font-size:1.2em;float:left;margin-left:1em;}
   .tweet p img,.newsItem img {box-shadow: 1px 1px .5em rgba(0,0,0,.5);border:solid 1px #888;width:100px;}
   .colSizeSetter {width:250px;}
    }