/*
	GeorgiaONMYLINE
	University System of Georgia
*/

/* Global
----------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}

#main-top {
	border-top: 1px solid #d5d5d5;
	margin-top:  1px;
	padding-top: 20px;
}

.highlight {
	background: #ffc;
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	padding: 1em;
}


/* Header
----------------------------------------------------------------------------------------------------*/

#header {
	/*height: 86px;*/
	background: #59001e;
	overflow: hidden;
}

#header img {
	float: left;
	/*margin: 17px 0 0 0;*/
	margin: 15px 0;
}

#header ul {
	list-style-type: none;
	float: right;
	padding-top: 23px;
	/*height: 86px;*/
}

#header ul li {
	display: inline;
	margin:  0;
}

#header ul#nav li a {
		padding: 0 8px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
			line-height: 3;
}

#header ul#nav li a:hover {
	/*background: transparent url(../images/nav_hover.png) repeat-x;*/
	color: #B7909D;
}

#header ul#nav li#active a {
	background: transparent url(../images/nav_active.png) repeat-x;
	padding: 42px 12px;
	color: #fff;
}


/* Message Window
----------------------------------------------------------------------------------------------------*/

#message-window {
	height: 349px;
	border-top: 1px solid #59001e;
	padding-top: 1px;
	background: #e9e9e9;
	margin-top: 1px;
	position: relative;
}

#message-window .grid_12 {
	position: absolute;
	background: #e9e9e9;
	left: 0;
	top:  0;
}

#message-content {
	z-index: 1;
}

#message-window .container_12 {
	position: relative;
}

#message-window h1 {
	color: #59001e;
	margin-top: 20px;
	line-height: 1.2;
	font-weight: bold;
}

#message-window img {
	border: 1px solid white;
}

#message-window .placeholder {
	background: #ccc url(../images/placeholder.png) top right no-repeat;
	width: 540px;
	height: 310px;
	text-align: center;
	margin-top: 19px;
}

/* =Scalable Button on Homepage
-------------------------------------------------------------------------*/
.hp_button {
	width: 160px;
	background: url(../images/button-right.png) top right no-repeat;
	margin: 25px auto 20px auto;
}

.hp_button .btn-inner {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../images/button-left.png) top left no-repeat;
}

.hp_button .btn-inner a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 30px;
	text-decoration: none;
	background: url(../images/button-left.png) bottom left no-repeat;
}

.hp_button .btn-inner a em {
	color :#fff;
}

.hp_button .btn-inner a:hover em {
	text-decoration: underline;
}

.hp_button .btn-inner a:hover {
	text-decoration: underline;
}

.hp_button .btn-inner em {
	display: block;
	margin: 0;
	padding: 0 30px 5px 0;
	font-style: normal;
	background: url(../images/button-right.png) bottom right no-repeat;
}

/* =Controls on Homepage
-------------------------------------------------------------------------*/
#message-window #buttons {
	position: absolute;
	width:  380px;
	text-align: center;
	line-height: 2;
	margin-left: 10px;
	bottom: 0;
	z-index: 2;
}

#message-window #buttons a {
	color: #f1f1f1;
	background: #ddd;
	font-weight: bold;
	padding: 1px 15px;
	font-size: 1.2em;
	text-decoration: none;
	border: 1px solid #f1f1f1;
	margin: 0 4px;
}

#message-window #buttons a:hover {
	text-decoration: none;
}

#message-window #buttons a.activeSlide {
	background: #f1f1f1;
	color: #bbb;
	border: 1px solid #bbb;
}


/* Main
----------------------------------------------------------------------------------------------------*/

#main {
	padding-bottom: 20px;
}

#main .grid_9 {
	position: relative;
}

#main h1 {
	font-weight: normal;
	line-height: 1.2;
}

#main h2 {
	font-size: 18px;
}

#main .items {
	margin-bottom: 25px;
}

#main .items h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#main .items ul {
	list-style-type: none;
	margin-bottom: 0;
}

#main .items ul li {
	margin-left: 0;
	line-height: 1.6;
}

/* =I AM
-------------------------------------------------------------------------*/
.i-am {
	background: transparent;
	border: 1px solid #ddd;
	position: relative;
	font-size: 14px;
	width: 698px;
	height: 252px;
}

.i-am #items {
border: 1px solid #fff;
font-size: 14px;
	background: transparent url(../images/iam-bg.png) repeat-x;
}

.i-am #items div {
	height: 250px;
	/* needed for ie7 */
	background: transparent url(../images/iam-bg.png) repeat-x;
	position: absolute;
	left: 0;
	top:  0;
}

.i-am #items h2 {
	color: #900232;
	margin: 20px 0 10px 0;
	padding: 2px 0 1px 265px;
	line-height: 1.2;
	font-size: 19px;
	background: #ccc;
	text-transform:uppercase;
	/* needed for ie7 */
	width: 433px;
}

.i-am #items p {
font-size: 13px;
color: #333;
margin: 0 15px 10px 265px;	
}

.i-am #items a {
	position: absolute;
	right: 0;
	bottom: 50px;
	color: #fff;
	text-decoration: none;
	background: #900232;
	padding: 4px 10px 6px 6px;
	font-size: 12px;
	line-height: 1;
}

.i-am #items a span {
	font-size: 16px;
}

.i-am ul#nav {
	position: absolute;
	bottom: 0;
	right: 15px;
	list-style-type: none;
	margin: 0;
	z-index: 101;
}

.i-am ul#nav li {
	display: inline;
	margin-left: 5px;

}

.i-am #items img {
	position: absolute;
	bottom: 0;
	left:	0;

}

/* =Did You Know? item
-------------------------------------------------------------------------*/
#didyouknow {
	background: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#didyouknow h2 {
	text-align: center;
	background: #3DBACA;
	margin-bottom: 0!important;
	padding-top: 7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#didyouknow #text {
	font-size: 14px;
	color: #555;
	padding: 10px;
}

#didyouknow p {
	margin-bottom: 0;
}


/* =Boxed items
-------------------------------------------------------------------------*/
/*
.boxed-item-5col {
	width: 376px;
}

.boxed-item-4col {
	width: 296px;
}

.boxed-item {
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	position: relative;
	font-size: 14px;
}

.boxed-item h2 {
	background: #3dbaca;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
	text-align: center;
	min-height: 55px;
}

* html .boxed-item h2 {
	height: 55px;
}

.boxed-item .boxed-content {
	background: #e1e1e1 url(../images/boxed_item_bg.png) repeat-x;
	border-top: 1px solid #ddd;
	min-height: 194px;
	padding: 10px 15px;
}

* html .boxed-item .boxed-content {
	height: 215px;
}

.boxed-item .boxed-content ul.programs li {
	list-style-image: url("../images/bullet_arrow.png");
	margin-bottom: 5px;
}

.boxed-item .boxed-content ul li {
	margin-left: 15px;
}

.boxed-item .boxed-content ul.programs li a {
	color: #59001e;
	font-size: 18px;
	text-decoration: none;
}

.boxed-item .boxed-content ul li a:hover {
	text-decoration: underline;
}

.boxed-content-image {
	position: absolute;
	right: 0;
	bottom: 0;
}
*/

/* Links
----------------------------------------------------------------------------------------------------*/

a {
	color: #0038a8;
}

a:hover {
	text-decoration: none;
}


/* Tables
----------------------------------------------------------------------------------------------------*/
table {
	border: 1px solid #999;
	border-collapse: collapse;
	margin-bottom: 12px;
}

td, th {
	padding: 4px 10px;
	border-right: 1px solid #999;
}
td {
	border: 1px solid #999;
}
th em {
	font-size: .9em;
	font-weight: normal;
}
th, td.pages {
	background: #d9d9d9;
	color: #000;
	text-align: center;
	font-weight: bold;
}
table.nobdr {
	border: none;
}
table.nobdr td, table.nobdr th, table td.nobdr, table th.nobdr {
	border: none;
	background: none;
	text-align: left;
	width: 50%;
}
td.nowrap {
	white-space: nowrap;
}
tr.stripe {
	background: #eee;
}
td.center {
	text-align: center;
}


/* Footer
----------------------------------------------------------------------------------------------------*/

#push {
	clear: both;
	height: 200px;
}


#footer {
	height: 183px; /* .push must be the same height as .footer */
	background: #e9e9e9;
	border-top: 1px solid #fff;
	font-size: 12px;
	color: #666;
	padding-top: 15px;
	line-height: 1.6;
	}
	
#footer-top {
	clear: both;
	background: #d5d5d5;
	height: 1px;
}

#footer-left {
	background: transparent url(../images/bor_logo.png) no-repeat;
	padding-left: 95px;
	float: left;
	height: 155px;
	padding-top:  2px;
}

#footer-right {
	float: right;
}

#footer-right #twitter {
	background: transparent url(../images/icon_twitter.png) no-repeat;
	padding: 2px 0 10px 24px;	
}

#footer-right #facebook {
	background: transparent url(../images/icon_facebook.png) no-repeat;
	padding: 2px 0 10px 24px;	
}

#footer a {
	color: #666;
}

/* =Institutions
-------------------------------------------------------------------------*/

#flashmap object {
	margin-left: auto;
	margin-right: auto;
}

.inst_table {
	border: none;
	margin-bottom: 2.5em;
	width: 100%;
}
.inst_table th {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
	padding: 7px 10px;
}
.inst_table td {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 10px;
	vertical-align:top;
}
.inst_table img {
	border: 1px solid #ccc;
	float: left;
}
.inst_table p {
	margin-left: 130px;
	padding-bottom: 0;
}


/* Contact Form
-------------------------------------------------------------------------*/
.goml_contact label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 100px;
}

.goml_contact input {
	border: 1px solid #bbb;
}

.goml_contact textarea {
	border: 1px solid #bbb;
	width: 450px;
}

.goml_contact input.button {
	background: #e9e9e9;
	color: #000;
}

.goml_contact label.error {
	display:inline;
	margin-left:10px;
	width:auto;
}

.goml_contact label.error, label.error {
	color: red;
	font-style: italic;
}

.goml_contact input.error {
	border: 1px dotted red;
}


/* Modal Window (Testimonials)
-------------------------------------------------------------------------*/
#testimonials {
	
}

#testimonials h2 {
	font-size: 16px;
	margin-bottom: 0;
}

#testimonials img {
	float: left;
}

#testimonials div {
	margin-left: 260px;
}

/* Featured Degrees
-------------------------------------------------------------------------*/
.featured {
	background: #e9e9e9;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.featured h2 {
	background: #3DBACA;
	color: #fff;
	padding: 2px 10px;
	font-size: 16px;
	margin-bottom: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.featured p {
	padding: 10px;
	margin-bottom: 0;
}


.box {
	background: #e9e9e9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 25px;
}

.box h3 {
	background: #3DBACA;
	color: #fff;
	padding: 5px 10px;
	font-size: 15px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom: 0;
}

.box .content {
	padding: 10px;
}

.box .content table {
	
}

#tabs h2 {
	font-size: 16px;
}

/* center search tips link on courses page */
p.opener {
	text-align: center;
}


/* tabs on AL page */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.1em;
	padding: 0 15px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;

}

/* Page Tools
-------------------------------------------------------------------------*/

.toolbox {
	clear: both;
	color: #666;
	font-size: 0.9em;
	margin-bottom: 1.5em;
}

.toolbox a {
	color: #666;
	text-decoration: none;
}

.toolbox a:hover {
	text-decoration: underline;
}

.toolbox .print {
	background: #fff url(http://www.usg.edu/images/icons/printer_gray.gif) 0 50% no-repeat;
	padding: 0 10px 0 15px;
}

.toolbox .email {
	background: #fff url(http://www.usg.edu/images/icons/email_gray.gif) 0 50% no-repeat;
	margin-right: 10px;
	padding: 0 0 0 15px;
}

.close {
	margin-bottom: 0;
}