/* CSS Document */


/**********GLOBAL STYLES**********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent none repeat scroll 0;border:0 none;margin:0; outline-color:invert; outline-style:none; outline-width:0; padding:0; vertical-align:baseline;}


/**********GENERAL STYLES**********/
body {background:#003366; color:#555; line-height:1em; font-family: Arial, Helvetica, sans-serif; font-size:75%; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.375em;}

/********** LINK STYLES **********/

a:link, a:visited {text-decoration:none; color:#1d4896;}
a:hover { text-decoration: underline;}

/********** #MAIN HEADING STYLES **********/
#main h1 { font-size:150%; color:#333333; padding-right:35px}
#main h1.icon-task { display:inline; background:url(../images/icon_tasks.gif) no-repeat 0px 2px; padding-left:25px;}

/********** #SUB HEADING STYLES **********/
#sub h1 { font-size:150%; color:#333333; letter-spacing:-1px }
#sub h4 { font-weight:normal; font-size:85%; line-height:1.3em }

#sub h2 { font-size:100%; color:#8ca1bb; padding-bottom:2px }


/********** CONTAINERS **********/
#page { width:980px; margin:auto;page-break-inside: avoid;}
#container { width:960px; float:left; background:#c3c8ce url(../images/bg_container.gif) no-repeat top center; padding:10px; page-break-inside: avoid;}
#pageheader {min-height:48px; height:48px;page-break-before: avoid;}
#pagecontent {padding-bottom:25px;page-break-inside: avoid;page-break-before: avoid;}

#main { width:630px; float:left;}
#sub { width:320px; float:right; margin:0; padding:0; vertical-align:top}
#pagefooter { width:980px; float:left; padding-top:10px; padding-bottom:20px}

/********** MAIN WHITE BOX **********/
#main .whitebox { width:630px; float:left; page-break-inside: avoid;page-break-before: avoid;page-break-after: avoid;}
#main .whitebox-top { width:630px; float:left; height:10px; background:url(../images/box_leftwhite_top.gif) no-repeat bottom}
#main .whitebox-middle { width:610px; float:left; background:#fff; padding:0px 10px}
#main .whitebox-bottom {width:630px; float:left; height:10px; background:url(../images/box_leftwhite_bottom.gif) no-repeat top}


/********** MAIN ALERT BOX **********/
#main .alertbox { width:610px; float:left; padding-bottom:20px; }
#main .alertbox-top { width:610px; height:10px; background:url(../images/yellowbox_top.gif) no-repeat bottom; float:left}
#main .alertbox-middle { width:546px; background:#fef893 url(../images/icon_alertmessage.gif) no-repeat 10px 6px ;float:left; border-left:3px solid #ffdd77; border-right:3px solid #ffdd77;  padding-left:50px; padding-right:8px; min-height:44px; }
#main .alertbox-bottom { width:610px; height:10px; background:url(../images/yellowbox_bottom.gif) no-repeat top; float:left}


/********** SUB WHITE BOX **********/
#sub .whitebox { width:320px; float:left}
#sub .whitebox-top { width:320px; height:5px; float:left; background:url(../images/bg_rightpanel_bordertop.gif) no-repeat bottom} 
#sub .whitebox-middle { width:300px; float:left; background:#FFFFFF; padding:5px 10px} 
#sub .whitebox-bottom { width:320px; height:5px; float:left; background:url(../images/bg_rightpanel_borderbottom.gif) no-repeat top} 
#sub .whitebox-middle .whitebox-general { width:200px; float:left; background:#FFFFFF; padding:5px 10px} 

/********** SUB QUICK LINKS BOX **********/
.smallbox1_bordertop { width:300px; height:5px; float:left; background:url(../images/bg_smallbox1_bordertop.gif) no-repeat bottom}
.smallbox1_bordermiddle { width:298px; float:left; background:#FFFFFF; border-left:1px solid #DADADA; border-right:1px solid #DADADA}
.smallbox1_borderbottom { width:300px; height:5px; float:left; background:url(../images/bg_smallbox3_borderbottom.gif) no-repeat;}
.borderblue { background:url(../images/bg_rightlist_borderbottom.gif) no-repeat top}


/********** SUB CALENDER BOX **********/
.smallbox2_bordertop { width:300px; height:5px; float:left; background:url(../images/bg_smallbox2_bordertop.gif) no-repeat bottom}
.smallbox2_bordermiddle { width:282px; float:left; padding:4px 9px; background:#D7DFEA }
.smallbox2_borderbottom { width:300px; height:5px; float:left; background:url(../images/bg_smallbox2_borderbottom.gif) no-repeat top;}


/********** PAGE FOOTER BOX **********/
.bluebox { width:980px; float:left}
.bluebox-top { width:980px; height:5px; float:left; background:url(../images/bluebox_top.gif) no-repeat bottom}
.bluebox-middle { width:960px; float:left; padding:5px 10px; background:#315b83}
.bluebox-bottom { width:980px; height:5px; float:left; background:url(../images/bluebox_bottom.gif) no-repeat top}


/********** TOP BAR **********/
#topbar { width:950px; float:left; height:24px; padding:0px 20px; padding-top:10px; color:#b2d8f9; font-size:75%; padding-right:10px; page-break-after:avoid}
#topbar p a { color:#b2d8f9}

#topbar .linktohomepage { width:610px; float:left; padding-right:20px; padding-top:5px}
#topbar .loggedas { width:240px; float:left; padding-top:5px }
#topbar .loggedas .textwhite { font-weight:bold; color:#FFFFFF;}
#topbar .logout { width:65px; float: right;}
#topbar .logout p a { float: right; background:url(../images/icon_logout.gif) no-repeat top right; display:block; padding-right:28px; padding-bottom:10px; padding-top:5px}


/**********HEADER**********/
#headernameplate { float:left;}
/*nameplate*/
p.nameplate {margin-left:20px; margin-top:20px; position:relative;text-decoration:none;}
p#sitetitle {left:-9999px; position:absolute;}

/*search block*/
div#pageheader div.globalnav { width:320px; float:right;}

/*Search form (header/main/sub)*/
#pageheader form.searchbox {width:320px; float:left;  height:45px; margin:0; position:relative;}
#pageheader form.searchbox input.query { width:245px; border:1px solid #999999; float:left; margin-top:10px; padding:2px; color:#cccccc; font-size:80%; background: #557799;}
/*
#pageheader form.searchbox .searchbutton { width:55px; height:23px; float: right; margin-top:9px; text-align:center}
#pageheader form.searchbox .searchbutton a { width:55px; height:18px; float: right; background:url(../images/button_search.gif) no-repeat; border:none; font-weight:bold; font-size:70%; color:#666666; text-align:center; text-decoration:none; padding-top:5px}
*/
#pageheader form.searchbox input.searchbutton { margin-top:9px; margin-left:2px; }


/********** ALERT BOX STYLES **********/
#main .alertbox p { color:#c24b2e; font-size:80%; line-height:1.3em; padding-top:5px}
#main .alertbox p a { color:#c24b2e; text-decoration:none; font-weight:bold;}
#main .alertbox p a:hover { color:#c24b2e; text-decoration: underline; font-weight:bold}

/********** Log in Page **********/
#loginForm INPUT{width:115px;}
#loginForm INPUT.small{display:inline;width:10px;height:10px;float:left;}
#loginForm label{
display:block;
font-size:70%;
width:100px;
float:left;
}
#main p.GULogout{padding:5px; float;letf;}
#main p.GULogout a{font-weight: bold;text-decoration: underline;}




/********** TASK HEADER STYLES **********/
#main .tasks_header { width:610px; padding-bottom:10px; float:left;}
#main .tasks_header h1 { float:left}
#main .tasks_header h2 { float:left}

#main .tasks_navigation { width:auto; float:left; color:#333333; font-weight:bold; font-size:80%; padding-top:7px; padding-right:10px; padding-bottom:2px}
#main .tasks_navigation .guExploreGateways_link {display:inline;}

#main .guExploreGateways_channel_searchForm_form { width:200px; float: right; margin-top:2px}
#main .guExploreGateways_channel_searchForm_form input.guExploreGateways_channel_searchForm_query { width:120px; float:left; color:#1d4896; border: 1px solid black;none; border-left:1px solid #737373; border-top:1px solid #737373; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:2px; background:url(../images/bg_searchinput.gif) repeat-x top }
/*
#main .guExploreGateways_channel_searchForm_form .searchbutton { width:70px; height:22px; float: right;  text-align:center; }
#main .guExploreGateways_channel_searchForm_form .searchbutton a { width:70px; height:20px; float: left; background:url(../images/bg_search.gif) no-repeat; border:none; font-weight:bold; font-size:75%; color:#fff; text-align:center; text-decoration:none; padding-top:4px}
*/
#main .guExploreGateways_channel_searchForm_form input.guExploreGateways_channel_searchForm_submit { margin-left: 2px;}




/********** TASK BODY  STYLES **********/
#main .tasks_body { width:610px; float:left; padding-top:10px; /*border-top: 1px solid #dfdfdf;*/}
#main .tasks_body .guExploreGateways_channel_header {font-weight:bold; color:#666666}


#main .tasks_body ul { width:600px; float:left; margin-top:10px; border-top:1px solid #dfdfdf;}
#main .tasks_body ul li {padding-bottom:7px; padding-top:7px; border-bottom:1px solid #dfdfdf;}
#main .tasks_body ul li.guExploreGateways_task { border-bottom:1px solid #dfdfdf; background:#f8f9fa url(../images/arrow.gif) no-repeat 6px 12px; padding-left:17px;}

#main .tasks_body ul li a { font-size:80%; font-weight:bold}
#main .tasks_body ul li .icon { position: absolute; padding-left:3px}

#main ul .halfcol_left { width:300px; float:left;}
#main ul .halfcol_right { width:300px; float: right}

#main .halfcol_left { width:230px; float:left;}
#main .halfcol_right { width:350px; float: right}



/********** CONTENT BLOCK  STYLES **********/
.contentblock { width:610px; float:left; padding:20px 0px; padding-bottom:4px}
.contentblock .guExploreGateways_channel_body { margin-top:5px;}
.contentblock .message, .gu_document { width:605px; border-top:1px solid #dcdcdc; padding:10px 0px; padding-left:5px; font-size:90%;}
.contentblock .message-nodivider { width:610px; padding:10px 0px}
.contentblock .date { color:#949494; text-transform:uppercase; font-size:60%; padding-bottom:6px}

.contentblock .news-whitebg { width:592px;  padding:10px 0px; background:#fff; float:left; padding:9px;}
.contentblock .news-greybg { width:592px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  padding:10px 0px; background:#f6f6f6; float:left; padding:9px;}

.contentblock .photo { width:70px; float:left}
.contentblock .content { width:505px; float: right}

.contentblock h3 { color:#1d4896; font-size:110%; font-weight:bold; padding-bottom:2px}
.contentblock p { font-size:80%; line-height:1.4em; color:#333333}

.contentblock .browse_link { float:right; text-align:right; padding-top:10px}
#main .contentblock h4 { color:#1d4896; font-weight:normal; font-size:90%}

.contentblock .guExploreGateways_channel_more { width:600px; border-top:1px solid #e6ebf1; float:left; border-bottom:1px solid #e6ebf1; font-size:60%; color:#1d4896; text-transform:uppercase; padding:4px 4px 4px 6px; background:#f7f7f7; margin-top:5px}

#sub .tasks_header { width:270px; float:left; padding:2px 10px; padding-bottom:8px}
.news .guExploreGateways_channel_header {font-weight:bold; font-size:150%; color:#333333; letter-spacing:-1px; background:url(../images/icon_news.gif) no-repeat 0px 2px; padding-left:27px;}
.messages .guExploreGateways_channel_header {font-weight:bold; font-size:150%; color:#333333; letter-spacing:-1px; background:url(../images/icon_university.gif) no-repeat 0px 2px; padding-left:27px; padding-top:3px;}

/********** GUMC UPDATE **********/
#gumc_update P {display: none;}
#gumc_update H3 {padding: 10px 5px 10px 5px; font-size:90%; font-weight:normal; border-top:1px solid #dcdcdc; }

/********** QUICK LINKS **********/
#quicklinks .guExploreGateways_channel_header {font-weight:bold; font-size:150%; color:#333333; letter-spacing:-1px; background:url(../images/icon_quicklinks.gif) no-repeat 0px 3px; padding-left: 25px; margin: 3px 0 7px 10px;}
#quicklinks { width:300px; float:left; padding-bottom:15px}
#quicklinks h1 { width:170px; float:left}
#quicklinks h6 {float: right; font-size:80%; padding-top:7px}
#quicklinks h6 a { text-decoration:underline}
#quicklinks h2 {background:url(../images/arrow.gif) no-repeat 6px 6px; font-size:13px; font-weight:bold; color:#1D4896;background:#E8EFF6;padding:5px 0 4px 8px;border-top:1px solid #DADADA;}
#quicklinks ul { width:300px; float:left; list-style:none; margin:0; padding:0}
#quicklinks ul li { width:290px; float:left; font-size:13px; font-weight:bold; color:#1D4896; background:#E8EFF6; border-top:1px solid #DADADA; padding:5px 0 4px 8px;}
#quicklinks ul li a { width:auto; display:block; text-decoration:none; color:#1D4896}
#quicklinks ul li a:hover { text-decoration: underline; color:#1D4896}

#quicklinks ul li a.gumail { background:url(../images/icon_gumail.gif) no-repeat;padding:3px 0 4px 29px}
#quicklinks ul li a.student { background:url(../images/icon_student.gif) no-repeat; padding:4px 0 4px 29px}
#quicklinks ul li a.directory { background:url(../images/icon_directory.gif) no-repeat; padding:4px 0 5px 29px}
#quicklinks ul li a.reading { background:url(../images/icon_onlinereading.gif) no-repeat; padding:3px 0 5px 29px}
#quicklinks ul li a.application { background:url(../images/icon_onlineapplication.gif) no-repeat; padding:3px 0 5px 29px}
#quicklinks ul li.guExploreGateways_task a { background:url(../images/arrow.gif) no-repeat 6px 6px; no-repeat; padding:3px 0 5px 17px}
#quicklinks ul li.guExploreGateways_loginLink  { background:url(../images/arrow.gif) no-repeat 6px 6px; no-repeat; padding:3px 0 5px 17px;width:auto; display:block; text-decoration:none; color:#1D4896}


/********** CALENDER STYLES **********/
#calendar { width:300px; float:left} 
#calendar .guExploreGateways_channel_header {font-weight:bold; font-size:150%; color:#333333; letter-spacing:-1px; background:url(../images/icon_calender.gif) no-repeat 0px 5px; padding-left:25px;}
#calendar .guExploreGateways_channel_body { width:268px; float:left; background:#F5FAFF; padding:4px 7px; margin:7px 0px;}
#calendar .message, .gu_event { width:268px; border-bottom:1px solid #a7afbe; padding:10px 0px;}
#calendar .nodivider { width:268px; padding:10px 0px; border-bottom:none;}
#calendar .date, .gu_eventDate, .gu_eventTime { color:#666666; text-transform:uppercase; font-size:70%; padding-bottom:6px}
#calendar .time, .gu_eventTime { font-weight:bold}
#calendar .gu_eventTitle { font-size:90%; padding-top:5px}
#calendar .guExploreGateways_channel_more { width:268px; float:left; font-size:60%; color:#1d4896; text-transform:uppercase; padding-top:4px;}

/********** SAFETY ALERTS **********/
#safetyalerts { width:300px; float:left; padding-top:15px}
#safetyalerts .guExploreGateways_channel_header {font-size:100%; color:#8ca1bb; padding-bottom:2px; font-weight:bold; padding-top:4px; background:url(../images/icon_safetyalerts.gif) no-repeat 0px 0px; padding-left:27px; margin: 3px 0 5px 10px;}
#safetyalerts .guExploreGateways_channel_body {width:272px; border-top:1px solid #DADADA;padding:8px 13px; }
/*#safetyalerts .guExploreGateways_channel_body .channelBox {width:272px; padding:8px 13px; }*/

#safetyalerts .guExploreGateways_channel_more {float:left;width:272px;   padding:12px 12px; font-size:80%;}
/**border-top:1px solid #DADADA;padding:8px 13px;padding:7px 0px;**/
#safetyalerts ul { width:272px;}
#safetyalerts ul li { float:left;width:265px; font-size:13px; margin-bottom: 10px; border-bottom:1px solid #DADADA;}
#safetyalerts ul li .date {float:left; color:#949494; text-transform:uppercase;font-size:80%;}
#safetyalerts ul li a { float:left;width:auto; display:block; text-decoration:none; color:#1D4896}
#safetyalerts ul li a:hover {float:left;text-decoration: underline; color:#1D4896}

/********** SIDEBAR NOTES **********/
#notes { width:300px; float:left; padding-top:15px}
#notes h2 { width:170px; float:left; padding-top:4px}
#notes p { font-weight:normal; padding:7px 0px 7px 10px; font-size:0.8em;}

/********** MAIN CONTAINER BOTTOM BORDER **********/
#containerbottomborder { width:980px; float:left; height:10px; background:url(../images/page_footer_border.gif) no-repeat top;}


/********** PAGE FOOTER STYLES **********/
#pagefooter ul {margin:0; padding:0; float:left}
#pagefooter li { display:inline; padding:0 7px; font-size:80%; border-right:1px solid #ccc; }
#pagefooter li.start {padding-left:0; border:none}
#pagefooter li.noborder { border:none}
#pagefooter .nav1 li a:link, #pagefooter .nav1 li a:visited {color:#fff;}
#pagefooter li.universitybrand a { border:none}
#pagefooter li.universitybrand a img {vertical-align:middle;}
#pagefooter .globalnav li a:link, #pagefooter .globalnav li a:visited {color:#fff;}
/*#pagefooter .floater {position:relative; float:right; width:1px;margin-bottom: 1px}*/
#pagefooter .copyright {padding:0px;font-size:90%;float:right;color:#C0C0C0;}
#pagefooter .contact {padding:0px;font-size:80%;float:right;color:#FDFDF0;}
#pagefooter .contact a {color:#FDFDF0;}