/*********************************************************
 * Main formatting choices for the page
 */

* {
}

body {
	margin:5px;
	padding:0;
}

body, p, td, div {
	font-family:Verdana, Garamond, Arial, sans-serif;
	border:0;
}

img {
	border:0;
}

.required {
	font-weight:bold;
	font-style:italic;
	color:#900;
}

.notRequired {
	font-weight:bold;
	font-style:italic;
	color:#060;
}

/*********************************************************
 * Format ohio university header and footer
 */

.oufooter {
	font-family:Verdana, Garamond, Arial, sans-serif;
	font-size:9pt;
	color:#666666;
}

.oufooter .copyright {
	font-size:8pt;
	padding:10px;
	padding-right:25px;
	text-align:left;
	line-height:18px;
}

.oufooter .copyrightMiddle {
	font-size:8pt;
	padding:10px;
	padding-right:25px;
	text-align:center;
	line-height:18px;
}

.oufooter .copyrightRightSide {
	font-size:8pt;
	padding:10px;
	padding-right:25px;
	text-align:right;
	line-height:18px;
}

.oufooter .rights {
	font-size:8pt;
	padding:10px;
}

.oufooter .contact {
	color:#333333;
	font-size:8pt;
	padding:3px;
}


/*********************************************************
 * Format eais specific header
 */

div.eaisheader {
	background-color:#4968AC;
}

#menuheader {
	font-size:8pt;
	font-weight:bold;
	color:#666666;
}

#menuheader a, #menuheader a:visited {
	color:#666666;
	text-decoration:none;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}

#menuheader a:hover, #menuheader a:active  {
	color:#dddddd;
	background-color:#999999;
}

/*********************************************************
 * Format content containers
 */

#contentframe {
	width:100%;
	padding-bottom:20px;
}

#contenthead {
	font-family:Verdana, Garamond, Arial, sans-serif;
	font-size:11pt;
	color:#333333;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	width:92%;
	text-align:left;
}

#content {
	font-family:Verdana, Garamond, Arial, sans-serif;
	font-size:10pt;
	color:#333333;
	background-color:#ffffff;
	padding:10px;
	width:90%;
	text-align:left;
}


/*********************************************************
 * Format fancy buttons such as on programs.cfm
 */

div.buttons {
	display:inline;
	width:auto;
	margin:0;
	border:0;
	padding:0;
}

.buttons button {
	display:block;
	overflow:visible;
	margin:0 7px 0 0;
	background-color:#4968AC;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-variant: small-caps;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	cursor:pointer;
	padding:4px 10px 3px 7px; /* IE6 */
}

//.buttons button[type] {
//	padding:2px 2px 2px 2px; /* Firefox */
//	line-height:17px; /* Safari */
//}

.buttons button img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/*********************************************************
 * Format navigation tabs for program management panel
 */
/* =navigation */
#nav{
	clear:both;
	font-family:"trebuchet ms",Arial,sans-serif;
	font-weight:bold;
	font-size:14px;
	font-variant: small-caps;
	color:#666;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	background:url(images/navshadow.gif) no-repeat 8px 100% #fff;
	padding-bottom:21px;

}
html>body #nav{
	margin-left:0;
	background:url(images/navshadow.gif) no-repeat 4px 100% #fff;
}
#nav li{
	list-style-type:none;
	float:left;
	margin-right:4px;
	padding:0 10px 0 0;
	border-bottom:1px solid #999;
	background:url(images/tabgrey.gif) #c0c0c0 top left no-repeat;
}
#nav li a{
	color:#666;
	background:url(images/tabgrey.gif) transparent top right no-repeat;
	display:block;
	padding:0 25px 0 25px;
}
#nav li a:link,
#nav li a:visited{
	color:#000;
	text-decoration:none;
}
#nav li a:hover,
#nav li a:active{
	color:#fff;
	text-decoration:none;
}
#nav li.cur,
#nav li.over,
#nav li:hover
{
	background:url(images/tabblue.gif) #3375b2 top left no-repeat;
	border-bottom:1px solid #036;
}
#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a
{
	display:block;
	color:#fff;
	padding:0 25px 0 25px;
	text-decoration:none;
	background:url(images/tabblue.gif) transparent top right no-repeat;
}


/*********************************************************
 *   Program search filter box styles
 */
#programsearch {
	background-color:#4968AC;
	padding:5px;
	text-align:left;
}
#programsearch > div {
	float:left;
}
#programsearch > div > div {
	clear:both;
	padding:5px;
}
#programsearch > div label {
	float:left;
	width:120px;
	text-align:right;
	margin-right:6px;
	font-weight:bold;
	color:#fff;
	font-variant:small-caps;
}
#programsearch > div select {
	float:left;
	font-size:8pt;
}


/*********************************************************
 * Format content pane of program.cfm editing panel
 */

.diviteration {
	margin-bottom:10px;
	display:none;
}

.diviteration th {
	background-color:#cccccc;
	border-top:solid 1px #bbbbbb;
	border-bottom:solid 1px #bbbbbb;
}

.diviteration td {
	background-color:#eeeeee;
}

.diviteration td.bottompad {
	height:3px;
	line-height:3px;
	border-bottom:solid 1px #bbbbbb;
}

#progedit {
	clear:both;
	padding:0 14px;
	background:#fff;
	margin: auto;
	width: 1000px;
}

#progedit p {
	line-height:1.5em;
	padding-bottom:.5em;
}

#progedit ul {
	list-style-type:square;
	margin-left:2em;
}

#progedit li {
	padding:5px 0;
}

#progedit a:link {
	color:#369;
}

#progedit a:visited {
	color:#036;
}

#progedit a:hover, #content a:active {
	color:#036;
	text-decoration:none;
}

#progedit td {
	color:#333;
	font-size:10pt;	
}

/*********************************************************
 * Format page specific elements
 */

.Title
{
	color: #595067;
	//background-color:#4968AC;
	font-family: verdana;
	font-weight: bold;
	font-size: 18px;
	padding-top: 8px;
	padding-bottom: 3px;
	text-align: center;
}

input {
	font-family: verdana, arial, sans-serif;
	font-size:12px;
}

select {
	font-family: verdana, arial, sans-serif;
	font-size:12px;
}

.titleTable {
	font-size:20px;
}

.borderGray {
	border-width:1px;
	border-style: solid;
	width:1000px;
	background-color:#DCDCDC;
	height:100%;
}

.borderTable {
	border-width:0px;
	border-style: solid;
	width:1000px;
	background-color:#FFFFFF;
}

.titleTable {
	font-size:20px;
}

.borderTableGray {
	border-width:0px;
	border-style: solid;
	width:1000px;
	background-color:#DCDCDC;
}

.borderTableGray td {
	background-color:#DCDCDC;
}

.standingtable {
	border-width:1px;
	border-style: solid;
	border-color:#595067;
	text-align:center;
}

.standingtable td {
	text-align:center;
}

.standingtable th {
	background-color:#DCDCDC;
	border-bottom:1px solid;
	text-align:center;
}

.coursetable {
	border-width:1px;
	border-style: solid;
}

.coursetable th {
	background-color:#DCDCDC;
	border-bottom:1px solid;
}

.FieldNames {
	color: #595067;
	background-color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align:top;
	text-align:right;
}

.FieldData {
	background-color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	font-size: 13px;
	vertical-align:top;
	text-align:left;
}

.dateFieldNames {
	color: #595067;
	font-family: verdana;
	font-weight: bold;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 6px;
}

.FieldNamesRed
{
	color: #FF0000;
	background-color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align:top;
	text-align:right;
}

.FieldNamesSmall
{
	color: #595067;
	background-color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
}

.indexpanel td.ipleft {
	font-weight:bold;
	text-decoration:none;
	vertical-align:top;
}

.indexpanel td.ipleft a {
	text-decoration:none;
	color:#1223cc;
	display:block;
	padding:5px;
	width:100%;
	border:solid 1px #ffffff;
}

.indexpanel td.ipleft a:hover, .indexpanel td.ipleft a:active {
	background-color:#eeeeee;
	color:#666666;
	border:solid 1px #cccccc;
}

.studentprograms, .studentprograms table {
	width:100%;
}

.studentprograms th {
	background-color:#eeeeee;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	font-weight:bold;
	padding:10px;
}

.studentprograms td {
	vertical-align:top;
	padding:5px 10px 5px 10px;
}

.studentapps th {
	background-color:#666666;
	color:#ffffff;
	font-weight:bold;
}

#saveErrorMessages{
	color:#633;
	margin:auto;
	width:750px;
	padding:10px;
	font-weight:bold;
}

.fileErrorMessages{
	color:#633;
	margin-left:150px;
	width:750px;
	padding:10px;
	font-weight:bold;
	text-align:center;
}

.link {
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}