@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Merriweather:400,400italic,900,900italic');
/*@import url('https://fonts.googleapis.com/css?family=Great+Vibes');*/  /* cursive */ /*font-family: 'Great Vibes', cursive; */
/* regular text */
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Aref+Ruqaa'); 
/*font-family: 'Aref Ruqaa', serif;
  font-family: 'Abhaya Libre', serif; */



BODY {
	font-family : 'Merriweather', "Comic Sans MS", Arial, Architect, "Bookman Old Style"; font-size : 12px; color: #000000; 
	background-color: #696969;
	background:url(../images/background_stripe.jpg); /* thanks to treebeck - http://www.colourlovers.com/pattern/126458/STRIPES */
}
/*background:url(../images/Border.gif)*/
form { margin:5px; padding:5px; }


H1 { font-size : 200%; 	font-weight : bolder }
H2 { font-size : 180%; 	font-weight : bolder }
H3 { font-size : 165%;	font-weight : bolder }
H4 { font-size : 145%;	font-weight : bolder }
H5 { font-size : 130%;	font-weight : bolder }
H6 { font-size : 115%;	font-weight : bolder }
/*ADA */
.s1 { font-size : 200%; font-weight : bolder }
.s2 { font-size : 180%; font-weight : bolder }
.s3 { font-size : 165%;	font-weight : bolder }
.s4 { font-size : 145%;	font-weight : bolder }
.s5 { font-size : 130%;	font-weight : bolder }
.s6 { font-size : 115%;	font-weight : bolder }
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
border-radius: 15px;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}
.screen-reader-text { 
   clip: rect(1px, 1px, 1px, 1px); 
   height: 1px; 
   width: 1px; 
   overflow: hidden; 
   position: absolute !important;
}
.tcell40 {padding:8px; border-spacing:0px 0px; border-collapse:collapse; empty-cells:show; }

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

abbr, acronym, span.abbr {
   cursor: help;
   border-bottom: 1px dashed #000;
}
abbr.plain { border-bottom:hidden }
div.main {margin:5px; padding:5px; }
div.spread { line-height:200%; }
#topTable {	position:relative; }	
.tiny { font-size : 50% }
.smaller { font-size : 11px; }
.larger { font-size : 110% }
td.roundcorners { border-radius: 5px; border-color: #CCCCCC; padding-left: 5px; } 
td.squarecorners { border-radius: 0px; border-color: #CCCCCC; padding-left: 5px; }
td.noborder { padding-left: 5px; border:none }
th.noborder { padding-left: 5px; border:none }
/*th {text-align:left; font-weight:bold }*/
tr.spaceunder > td { padding-bottom: 5em }
tr.lineunder > td { border-bottom:groove #00C }
div.roundcorners2 { border-radius: 5px; border:2px solid #006; padding-left: 5px; background-color:#CCC; margin: 5px; }
table.allround { border-radius: 15px; padding: 20px; border-color: #963; border-style:solid; } 
table.upperround { border-top-left-radius:15px; border-top-right-radius:15px; padding-left: 5px; }
table.lowerround { border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding-left: 5px; }
tr, p, div { font-family: 'Merriweather',"Comic Sans MS", Arial, Architect, "Bookman Old Style"; }
td { font-family: 'Merriweather',"Comic Sans MS", Arial, Architect, "Bookman Old Style"; vertical-align: top; 	font-size:12px; }
input, select, textarea { border-radius: 5px; border-color: #0000cd; padding-left: 5px; }
A:link { color : #666666; font-weight : bolder; text-decoration: none; padding-left:2px; padding-right:2px; }
A:visited { color : #666666; }
A:active { color : #009900; text-decoration: none; padding-left:2px; padding-right:2px; }
A:hover { text-decoration: underline; color: #ffffff; background: #000000; text-decoration:underline; padding-left:2px; padding-right:2px; }
/*
A.plain:link { color : #000000; text-decoration: none; font-weight:normal; } 
A.plain:visited { color : #000000; text-decoration: none;  font-weight:normal; }
A.plain:active { color : #000000; text-decoration: none;  font-weight:normal; }
A.plain:hover { text-decoration: underline; color: #000000; }

A.dotplain:link { color : #000000; border-bottom: 1px dotted #660066; font-weight:normal;} 
A.dotplain:visited { color : #000000; border-bottom: 1px dotted #660066; font-weight:normal;}
A.dotplain:active { color : #000000; border-bottom: 1px dotted #660066; font-weight:normal; }
A.dotplain:hover { color: #000000; border-bottom: 1px dotted #660066; text-decoration: none; }
*/
A.smaller:link { color : #990033; font-weight : normal; text-decoration: none; font-size : 11px; }
A.smaller:visited { color : #990033;  }
A.smaller:active { color : #009900; text-decoration: none; font-size : 11px; }
A.smaller:hover { text-decoration: underline; color: #009900; font-size : 11px; }
A.menu:link { font-family: 'Merriweather',Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color: #000000; 
			 font-style: normal; font-variant: normal;
			text-decoration: none;	text-transform: none; padding-left:2px; padding-right:2px; }
A.menu:visited { color: #000000; }
A.menu:hover { color: #ffffff; font-weight:bold; text-decoration: none; font-style: normal; font-variant: normal;
	text-transform: none; text-decoration:underline; background:#000000; padding-left:2px; padding-right:2px; }
A.menu2:link { font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color: #000000; 
	 font-style: normal; font-variant: small-caps; text-decoration: none;	
	 text-transform: none; padding-left:2px; padding-right:2px; }
A.menu2:visited { color: #000000;}
A.menu2:hover {  color: #ffffff; font-weight:bold; font-style: normal; font-variant:small-caps;
	text-transform:none; text-decoration:underline; background:#000000; padding-left:2px; padding-right:2px; }
.dockclass{ position:relative; }
.centered { text-align:center }
.emph1 { font-weight : bold;  font-variant : small-caps; font-size : 120% }
.emph2 { font-size: 120%; font-weight: bolder; color: #330066; }
.emphsmall { font-size: 11px; font-weight: bolder; color: #330066; }
.emphbold { font-size: 13px; font-weight: bolder; }
.emphred { font-size: 102%; font-weight: 600; color: #CC0000; }
.emphpurple { font-size: 102%; font-weight: 600; color: #609; font-style:italic }
.emphblack { font-weight: 600; color: #000000; }
.emphgray { font-weight:900; color:#999;}
.emphgreen { color: #005500; font-weight: 600;} /*ADA OK*/
.noemph { font-size: 95%; font-weight: normal; color: #999999; }
.heavy { font-weight: bolder; }
.heavyem { font-style: italic; font-weight: bolder;  }
.redfont { color : #ff0000  }
.first-letter { font-size: 150%;  float: left }
.floatright { padding: 0px; float: right; }
.floatleft { padding: 0px; 	float: left; }
.borderlightblue_bottom { border-top: 1px none #99CCFF; border-right: 1px none #99CCFF; border-bottom: 1px groove #99CCFF; border-left: 1px none #99CCFF; }
.borderlightred_bottom { border-top: 1px none #CC3300; border-right: 1px none #CC3300; border-bottom: 1px groove #CC3300; border-left: 1px none #CC3300; }
.bordergreenbottom { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none;
	border-bottom-style: inset; border-left-style: none; border-top-color: #006600; border-right-color: #006600; border-bottom-color: #006600; border-left-color: #006600; }
.tight { letter-spacing: 1pt; word-spacing: normal; font-size: small; }
[disabled] { border-color: #F93; background-color:#CCF; color:#000; } /* try this to see if it works in all the browsers */
.isdisabled { border-color: #F93; background-color:#CCF; color:#000; } /* using jumpOut */
li {line-height:16px }
.bordersmaroon { border: 2px outset #990000; }
.borderbluebottom { border-bottom-width: medium; border-bottom-style: groove; border-bottom-color: #3333CC; }
.bordergray { border: thin groove #CCCCCC; }
.borderRight {border-right-color:#333333; border-right-style:ridge; border-right-width: 3px; }
.bordernone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.OnSpecial { font-weight : bold; font-variant : small-caps; color : #009933; }
.downplay { font-weight: lighter; color: #CCCCCC }
.WhiteOnBlack { font-style: normal; font-weight: bolder; color: #FFFFFF; background-color: #000000; border: #666666; line-height: 24px; }
.WhiteOnGray { font-style: normal; font-weight: bolder; color: #FFFFFF; background-color: #999999; border: #666666; line-height: 24px; }
.BlackOnAmber { font-style: normal; font-weight: bolder; color: #000000; background-color: #f5d0aa; border: #ffffff; line-height: 24px; }
A.help:link { font-weight: bold; color: #ffffff; font-style: normal; font-variant: small-caps; text-transform: none; text-decoration: none; font-size: 11px; font-family: Arial; background-color: #666; border: thin outset #999999; padding: 4px; cursor: crosshair; }
A.help:visited { color: #ffffff;  }*/
A.help:hover { font-weight: bold; color: #FFFF00; background-color: #000000; text-decoration: none; font-style: normal; font-variant: small-caps; text-transform: none;
	font-size: 11px; font-family: Arial; }
.hideimage { display:none}  /* used in Patterns.cfm */
.emphsmallred { font-size: 80%; font-weight: bolder; color: #FF0000; }
.GreenOnBlack { font-weight: bold; font-variant: normal; color: #33FF66; background-color: #000000; border-top-width: thin; border-right-width: thin; border-bottom-width: thin;
	border-left-width: thin; border-top-style: ridge; border-right-style: ridge; border-bottom-style: ridge; border-left-style: ridge; border-top-color: #CCCCCC; border-right-color: #666666;
	border-bottom-color: #666666; border-left-color: #CCCCCC; }
.WhiteOnGreen { font-weight: bold; color: #FFFFFF; background-color: #215E21; border-color:#FFFF66 }	
.hyperText { color: #333333; font: 12px/14px Arial, Helvetica, Geneva, sans-serif; line-height: 100%; background-color: #cccccc; padding: 5px; border: solid 2px #006699; width: 300px; }
.HandCursor { cursor: pointer; }
.Crosshair { cursor: crosshair; }
.TextCursor { cursor: text; }
.WaitCursor { cursor: wait; }
.MoveCursor { cursor: move; }
.HelpCursor { cursor: help; }
input:focus { background-color: #FFFF99 }
cfinput:focus { background-color: #FFFF99 }
textarea:focus { background-color: #FFFF99 }
#ht1,#ht2,#ht3,#ht4,#ht5,#ht6,#ht7,#ht8,#ht9,#ht10,#ht11,#ht12,#ht13,#ht14,#ht15,#ht16,#ht17,#ht18,#ht19,#ht20,#ht21,#ht22,#ht23,#ht24,#ht25 {
   position: absolute;
   z-index: 100;
   top: 10px;
   left: 10px;
   visibility: hidden;
}
/*http://brand.iu.edu/apply/color.shtml*/
.iured {color:#7d110c } /*IU Crimson */
.iucream {color: #e1d8b7;} /* IU Cream */
.iusteel { color: #82786F;}
.iulimestone { color:#AEA79F;}
.iumidnight { color:#44697D;}
.iuoldgold { color:#C59217;}
.iudarkmidnight { color:#01426a; font-weight:bold }
.iumahogany { color:#4A3C31;}
.iuleather { color:#CD894E;}
.iumint { color:#9ADCC6;}
.iumajestic { color:#4B306A;}
.redfont { color : #aa0000; }
.greenfont { color: #00cc66; }
.purple { color: #9933cc; }
.ashfont {color:#f8f3d2;}
.req { color : #ff0000; font-weight:bold; vertical-align:super; font-size:smaller }
 /* Code for Firefox */
::-moz-selection {
    color: red;
    background: black;
}

::selection {
    color: red;
    background: black;
}
.slogan { font-family: 'Abhaya Libre', Georgia, Arial, Helvetica, sans-serif; font-size: 28pt; font-style: normal;  color: #7d110c; text-align: center; 
  margin-top:0; margin-bottom:0;}
.slogan2 { font-family: 'Abhaya Libre', Georgia, Arial, Helvetica, sans-serif; font-size: 20pt; font-style: normal; color: #7d110c; text-align: center; 
  margin-top:0; margin-bottom:0; }
.slogan2i { font-family: 'Abhaya Libre', Georgia, Arial, Helvetica, sans-serif; font-size: 20pt; font-style: italic; 
        color: #7d110c; text-align: center; margin-top:0; margin-bottom:0; } /* italics */
.slogan3 { font-family: 'Abhaya Libre', Georgia, Arial, Helvetica, sans-serif; font-size: 15pt; font-style: normal; color: #7d110c; text-align: center; margin-top:0; 
  margin-bottom:0;}


/* UI stuff */
/*#menubar_wrap { position: relative; display: block; height: 90px; width: 870px; top: 10px; margin: 0 auto; color: #6D6D6D; font: small-caps 10pt/12px Tahoma; }
#menubar { position: relative; display: block; height: 70px; width: 860px; top: 10px; margin: 0 auto; }
#menubar LI.main { position: relative; display: block; float: left; height: 70px; width: 166px; margin: 0 2px; background-color: #6C7386; border: 1px solid black;
	cursor: pointer; color: #FFFFFF; font: small-caps 10pt/70px Tahoma; text-align: center; letter-spacing: 4px; }
#menubar UL { width: 100%; margin: 0; padding: 0; list-style-type: none; }
.dialog { background: #EEE; border:1px solid #000000; }
.note { color: #913C3C; font: italic small-caps 8pt/70px Tahoma; }
*/
.ui-dialog-titlebar { display: block; height: 30px; background: #4F4F4F; border-width:1px 1px 0px 1px; border-color:#000000; border-style:solid;
	color:#F00; text-align: center; cursor: move; }
.ui-dialog-titlebar-close { display: block; position: absolute; right: 12px; top: 11px; height: 20px; width: 20px; background-color: #4B5667;
	font-size: 0px; border: 1px solid #9D9D9D; }
.ui-widget-overlay { opacity: .7; filter: alpha(opacity=70); -moz-opacity: 0.70; position: absolute; top: 0; left:0; background:#000000; }

/* jQuery tools */
/* simple css-based tooltip */
.tooltip { background-color:#000; border:1px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px;
     -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ul.disc {list-style-type:disc}  /*default */
ul.none {list-style-type:none; }
ul.noneclose { list-style-type:none; margin-left:0; padding:0; margin-bottom:0; float:left}

li.closeleft {margin-left:1px;}
ol.none {list-style-type:none}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-roman {list-style-type:lower-roman}
ol.lower-alpha {list-style-type:lower-alpha}
ol.upper-alpha {list-style-type:upper-alpha}
ol.decimal {list-style-type:decimal}
.bbutton {
    background-color: #960;
	border: #FC0 ridge;
    border-radius: 5px;
    color: #fff;
    font-weight: bolder;
    padding: 3px;
}
.bbutton:hover {
    background-color: #c90;
    border-color: #7d110c;
    color: #00c;
    font-weight: bold;
}
.bbutton:active {
    background-color: #960;
    border: medium ridge;
    border-radius: 5px;
    color: #fff;
    font-weight: bolder;
    padding: 3px;
}
input, select, textarea, div { border-radius: 5px; border-color: #CCCCCC; padding-left: 5px; }
input:focus { background-color: #CC9; }
select:focus { background-color:#CC9;  }
textarea:focus { background-color:#CC9; }