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

/* ----------------------- Moves the webpage up a bit on the KU template ------------------- */
#content{
	margin: -5px auto 0;
	min-height:300px;
	position:relative;
	clear:both;
	z-index: 5;
}

/* ----------------------- Changes KU's default h1 font from grey to blue ------------------- */
h1 { 
	font-weight: bold; 
	font-family:arial; 
	font-size: 2em; color:#000066; 
	padding: 0; margin: 0 0 15px 0; 
	line-height: 1.1em;
}

h3 { 
	font-family:arial; 
	font-size: 1.4em; color:#666666; 
	padding: 0; margin: 0 0 15px 0; 
	line-height: 1.1 em;
}

#title {
	text-align: center;
	margin-bottom: 10px;
}

.redAlert {
	font-size: 1.4em;
	color: #e8000d;
	font-weight: bold;
}

/* --- bqstart and bqend makes those big quotes on pages.   Use with blockquote use numeric markup for quotes “ ” ---- */
	
.bqstart {
  float: left;
  font-size: 2000%;
  color: #eeeeee;
 }

.bqend {
  float: right;
  font-size: 2000%;
  color: #eeeeee;
 }
 
 /* ------------------ Creates horizonal rules on pages --------------------------------- */
 
hr.thin {
	height: 1px;
	border: 0px;
	color: #333;
	background-color: #cccccc;
	width: 100%;
}

hr.gray {
	height: 1px;
	border: 0px;
	color: #333;
	background-color: #d1d1d1d1;
	width: 100%;
}

/* -------------------- Universal design feature.  Make sure you use with Acronyms on page ---------------------- */

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

/* -------------------- Creates a hanging indent for citing apa mla etc.  Can use span ------------ */

.hangingindent {
  padding-left: 22px;
  text-indent: -22px;
}

.paragraphIndent {
	padding-left: 50px;
}

/* --------------------- Indents all paragraphs on the website ----------------------------- */

p {
 line-height: 150%;
 text-align: left;
 padding-left: 10px;
}

 /* -------------------- Highlights images on Hover ---------------------------- */
 
.highlight img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 1;
	opacity: 1;
	border: 1px solid #ccc;	
}

.highlight:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ------------------------------------ */
/*  Homepage */
/* ------------------------------------ */

.blueBoxHome {
	background: url(/~writing/ui/images/design/backgrounds/kublue.png) repeat-x;
	border-bottom: 1px solid #d2dce7;
  padding: 0px;
  margin: 0pt;
	font-size: 1em;
	text-align: center;
 	font-family:Arial, Helvetica, sans-serif;
 	color: #ffffff;
}

.onlineAppointments {
	background: url(/~writing/ui/images/design/online_appointments.jpg) no-repeat;
  min-height: 109px;	
	padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.grammarGuru {
	background: url(/~writing/ui/images/design/grammar_guru.jpg) no-repeat;
  min-height: 109px;	
	padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.writingGuides {
	background: url(/~writing/ui/images/design/writing_guides.jpg) no-repeat;
  min-height: 109px;
	padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.newsBox {
	background: url(/~writing/ui/images/design/backgrounds/blue.png) repeat-x;
	border: 1px solid #eaf0f8;
	min-height: 300px;
	padding: 10px 10px 15px 10px;
}

.newsBox p {
	margin: 5px;
	text-align: left;
}

.newsBoxTop {
	background: url(/~writing/ui/images/design/news.jpg) no-repeat;
	margin: 0pt;
	padding: 5px 10px 3px 10px;
 	font-size: 1.4em;
 	font-family:Arial, Helvetica, sans-serif;
 	text-align: center;
 	color: #ffffff;
}

.grayBoxHome {
	background: url(/~writing/ui/images/design/backgrounds/gray.gif) repeat-x;
	border: 2px solid #cccccc;
	padding: 10px 10px 15px 10px;
}

/* ------------------------------------ */
/*  Right Column */
/* ------------------------------------ */

/*Modifies the default Right Nav on page */ 

#rightnav {
	margin-left:-0.2em;
	border-left:1px dotted #CCCCCC;
}

.rightnavBox {
	background: url(/~writing/ui/images/design/backgrounds/lblue2.gif) repeat-x;
  padding-left: 5px;
  padding-bottom: 5px;
	line-height: 1.4em;
	width:13.5em;
}

.rightBox {
 	background: url(/~writing/ui/images/design/banners/update_rightBann.jpg) repeat-x;
  height: 124px;
}

.rightBox h2 {
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 95px;
}

#rightnav h2{
	color: #27368B;
}

.rightnavheader {
	background: transparent url(/~writing/ui/images/design/banners/low_rightBann.gif);
}

.centerBox {
	padding-left: 5px;
  padding-bottom: 5px;
  padding-top: 25px;
  text-align: center;
}

.socialNetwork {
	padding-left: 15px;
  padding-bottom: 5px;
}
.toDoBox {
	min-height: 50px;
  margin-top: 2px;
  margin-bottom: 45px;
	text-align: center;
}

.writingJayhawk {
	background: url(/~writing/ui/images/design/wc_logo_august09.gif) no-repeat;
	min-height: 150px;
}

.wisdomBox {
	padding: 5px;
}

/*--------------------------------------Horizontal Accordian Menus-----------------------------------------*/

#settings .variable {
	cursor:pointer;
}

#settings .example .value{
	font-family:"Courier New", Courier, monospace; font-size:.85em;
}

.variable h3 {
	font-size: .9em;
	padding: 0px;
	margin: 0px;	
	font-weight:bold;
}

.row {
	border-collapse:collapse; 
}

.label {
	font-weight:bold;
}

.default .label, .example .label {
	margin-top:6px;
}

/* -----------------------------  Banners ----------------------------------------------- */

.assignmentBanner {
	background: url('/~writing/ui/images/design/banners/wc_assignmentbanner.jpg') no-repeat left top;
	height: 124px;
	margin-bottom: 15px;
}

.assignmentBannerFull {
	background: url('/~writing/ui/images/design/banners/wc_assignmentbannerlong.jpg') no-repeat left top;
	height: 124px;
	margin-bottom: 15px;	
}

.aboutus_banner {
	background: url('/~writing/ui/images/design/banners/wc_aboutusbanner.jpg') no-repeat left top;
	height: 124px;
}

.aboutUsFull {
	background: url('/~writing/ui/images/design/banners/aboutUsFull.jpg') no-repeat left top;
	height: 124px;
}	

.writingPrize {
	background: url('/~writing/ui/images/design/banners/writingPrize.jpg') no-repeat left top;
	height: 124px;
}

.currentBanner {
	background: url('/~writing/ui/images/design/banners/current.jpg') no-repeat left top;
	height: 124px;
}
/*--------------------------------------Custom Boxes-----------------------------------------*/

.grayBoxAbout {
	background: url(/~writing/ui/images/design/backgrounds/gray.gif) repeat-x;
	min-height: 300px;
	border: 2px solid #cccccc;
  padding: 25px 0px 5px 5px;
  text-align: center;	
}

.pageBox {
	background: url('/~writing/ui/images/design/backgrounds/gray.gif');
	background-repeat: repeat-x;
	min-height: 700px;
	border: 2px solid #eaedf8;		
 	padding: 7px;
}

.pageBoxResources {
	background: url('/~writing/ui/images/design/backgrounds/gray.gif');
	background-repeat: repeat-x;
	min-height: 975px;
	border: 2px solid #eaedf8;		
 	padding: 7px;
}

.orangebox {
	background:#F9EBC3;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
	padding-top:10px;
}

.greenbox {
	background:#BADCB7;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
	padding-top:10px;
}

.grayBox {
	background: url(/~writing/ui/images/design/backgrounds/gray.gif) repeat-x;
	border: 2px solid #cccccc;
	padding: 5px;
	min-height: 300px;	
}

.grayBox p {
	font-size: .9em;
}

.currentBoxGray {
	background: url(/~writing/ui/images/design/backgrounds/gray.gif) repeat-x;
	border: 2px solid #cccccc;
	padding: 5px;
	min-height: 150px;	
}

.currentBoxGray p {
	font-size: .9em;
	text-align: center;
}

.currentBoxGray h3 {
	font-size: 1.5em; 
	padding: 0; 
	margin: 0 0 15px 0; 
	line-height: 1.1em;
	text-align: center;
}

/* ------------------------------------- Edwards Campus ----------------------------------------- */

.KUblueBoxTop {
	background: url(/~writing/ui/images/design/tr_corner_blue.jpg) no-repeat right top;
	background-color: #0022b4;
	padding: 5px;
}

.KUblueBoxTop h2 {
	margin: 0pt;
 	color: #ffffff;
}

.KUblueBox {
	background: url(/~writing/ui/images/design/backgrounds/blue.png) repeat-x;
  border: 1px solid #eaf0f8;
 	padding: 10px 10px 15px 10px; 
}

.KUblueBox h3 {
	margin: 3pt;
	font-size: 1.2em;	
}

hr.KUblue {
	height: 1px;
	border: 0;
	color: #0022b4;
	background-color: #eaf0f8;
	width: 100%;
}
/* ------------------------------------- Academic Success Guides ---------------------------------- */

.guidesBox {
	background: url(/~writing/ui/images/design/backgrounds/paperClip.png) no-repeat;
	min-height: 200px;
	padding: 20px 0px 5px 25px;
	margin: 0px;
}

.guidesBox a {
	color: #666666;
}

.guidesBox ul {
	margin: 10px 5px 5px 5px;
}

.guidesBox h4 {
	margin: 50px 0px 5px 5px;
}

.guidesBox2 {
	background: url(/~writing/ui/images/design/backgrounds/guidesCullout.png) no-repeat;
	padding: 20px 25px 5px 25px;
  min-height: 200px;
}

.guidesBox2 a {
	color: #666666;
}

.guidesBanner {
 	background: url(/~writing/ui/images/design/banners/bannerGuides.jpg) no-repeat left top;	
	min-height: 124px;
	margin-bottom: 5px;
}

.guidesDocBox {
  background-color: #efefef;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  padding: 2px;  
  color: #444;
}

.guidesDocBox a {
  color: #000 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}

.leftBanner {
	background: url(/~writing/ui/images/design/banners/wc_leftbanner.jpg) no-repeat left top;
	min-height: 124px;
 	padding-bottom: 5px;
}

.searchBox {
	float: right;
}

.iconBox {
	padding-left: 10px;
}

.iconBox a {
 	font-family:Arial, Helvetica, sans-serif;  
  color: #666666;
}

.new_window {
	background: url(http://webmedia.ku.edu/images/icons/new_window.gif) no-repeat right;
	padding-right: 15px;
	margin-right: 25px;
	float: right;
}
/* ------------------------------------- Online Consultations ---------------------------------- */

.arrowBox {
	background: url(/~writing/ui/images/design/arrow.jpg) no-repeat;
	padding: 5px 0px 5px 10px;
  min-height: 78px;
}

.arrowBox h3 {
	margin: 0pt;
	font-size: 1.4em;
}

/* ------------------------------------- Undergraduate Students ---------------------------------- */

.orangeBoxTop {
	background: url(/~writing/ui/images/design/tr_corner_orange.jpg) no-repeat right top;
	background-color: #ef9b00;
	padding: 5px;
}

.orangeBoxTop h2 {
	margin: 0pt;
 	color: #ffffff;
}

.orangeBox {
	background: url(/~writing/ui/images/design/backgrounds/orange.png) repeat-x;
  border: 1px solid #fbe1b4;
	padding: 10px 10px 15px 10px;
}

.orangeBox h3 {
	margin: 3pt;
	font-size: 1.2em;	
}

hr.orange {
	height: 1px;
	border: 0;
	color: #ef9b00;
	background-color: #fbe1b4;
	width: 100%;
}

.studentBanner {
 	background: url(/~writing/ui/images/design/banners/wc_studentbanner.jpg) no-repeat left top;	
	height: 124px;
	margin-bottom: 15px;
}

.students_guides_banner {
	background: url(/~writing/ui/images/design/banners/wc_studentguidesbanner.jpg) no-repeat left top;
	height: 124px;
}

/* ------------------------------------ Instructors ---------------------------------------------- */

.greenBoxTop {
	background: url(/~writing/ui/images/design/tr_corner_green.jpg) no-repeat right top;
	background-color: #4f9c49;
	padding: 5px;
}

.greenBoxTop h2 {
	margin: 0pt;
 	color: #ffffff;
}

.greenBox {
	background: url(/~writing/ui/images/design/backgrounds/green.png) repeat-x;
	border: 1px solid #d4e7d2;
	padding: 10px 10px 15px 10px;
}

.greenBox h3 {
	margin: 3pt;
	font-size: 1.2em;	
}

hr.green {
	height: 1px;
	border: 0;
	color: #4f9c49;
	background-color: #d4e7d2;
	width: 100%;
}

.faculty_guides_banner {
 	background: url(/~writing/ui/images/design/banners/wc_facultyguidesbanner.jpg) no-repeat left top;	
	height: 124px;
}

.facultyResources {
 	background: url(/~writing/ui/images/design/banners/resourcesBanner.jpg) no-repeat left top;	
	height: 124px;
}
	
.facultyBanner {
 	background: url(/~writing/ui/images/design/banners/facultyBanner.jpg) no-repeat left top;	
	height: 124px;
	margin-bottom: 15px;
}

/* ------------------------------------ Graduate Students -------------------------------------------- */

.blueBoxTop {
	background: url(/~writing/ui/images/design/tr_corner_lightblue.jpg) no-repeat right top;
	background-color: #49729c;
	padding: 5px;
}

.blueBoxTop h2 {
	margin: 0pt;
	color: #ffffff;
}

.blueBox {
	background: url(/~writing/ui/images/design/backgrounds/lightblue.png) repeat-x;
	border: 1px solid #d2dce7;
	padding: 10px 10px 15px 10px;
}

.blueBox h3 {
	margin: 3pt;
	font-size: 1.2em;
}

hr.blue {
	height: 1px;
	border: 0;
	color: #49729c;
	background-color: #d2dce7;
	width: 100%;
}

.graduateBanner {
	background: url(/~writing/ui/images/design/banners/wc_gradbanner.jpg) no-repeat left top;
	height: 124px;
	margin-bottom: 15px;
}

.graduateFullBanner {
	background: url(/~writing/ui/images/design/banners/graduateFull_banner.jpg) no-repeat left top;
	height: 124px;
}

/* ------------------------------------ */
/*  Navigation */
/* ------------------------------------ */

.topLeftBanner {
	background: url(/~writing/ui/images/design/banners/wc_leftbanner.jpg) no-repeat left top;
	height: 124px;
	padding-bottom: 5px;
 	font-size: 1.8em;
 	font-weight: bold;
 	color: #ffffff;
}

#headlink  {
  margin-left: -20px;
  width: 197px;
}

#headlink ul {
  list-style-type:none;
  padding: 0px;
  width: 197px;
  background: none;
}

#headlink li {
  margin-top: 1px;
  margin-bottom: 3px;
}

#headlink a {
  display: block;
  text-decoration: none;
}

#headlink li a {
  padding: 0.5em;
}

#headlink .students {
	background-image: url(/~writing/ui/images/design/buttons/student_nav.jpg);
}

#headlink ul.students a:hover {
}

#headlink li.students a:hover {
}

.studentHeader {
	font-size: 1.5em;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

#headlink .instructors {
	background-image: url(/~writing/ui/images/design/buttons/instructor_nav.jpg);
}

#headlink ul.instructors a:hover {
}

#headlink li.instructors a:hover {
}

.instructorHeader {
	font-size: 1.5em;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

#headlink .graduate {
	background-image: url(/~writing/ui/images/design/buttons/graduate_nav.jpg);
}

#headlink ul.graduate a:hover {
}

#headlink li.graduate a:hover {
}

.graduateHeader {
	font-size: 1.5em;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}


/*--------------------------------------Custom Navigation Boxes-----------------------------------------*/

.studentsNavBox {
	background: url(/~writing/ui/images/design/backgrounds/orange.png) repeat-x;
	margin-top: -5px;	
	border-left:1px solid #fbe1b4;
	border-bottom:1px solid #fbe1b4;
	border-right:1px solid #fbe1b4;
}

.instructorsNavBox {
	background: url(/~writing/ui/images/design/backgrounds/green.png) repeat-x;
	margin-top: -5px;
	border-left:1px solid #d4e7d2;
	border-bottom:1px solid #d4e7d2;
	border-right:1px solid #d4e7d2;
}

.graduateNavBox {
	background: url(/~writing/ui/images/design/backgrounds/lightblue.png) repeat-x;
	margin-top: -5px;
	border-left:1px solid #d2dce7;
	border-bottom:1px solid #d2dce7;
	border-right:1px solid #d2dce7;
}

.languageBoxHeader {
 	background: url(/~writing/ui/images/design/banners/languagetools.jpg) no-repeat center;
 	min-height: 60px;
 	border-right: 1px solid #cccccc;
 	border-left: 1px solid #cccccc;
}

.languageBox {
	background: url(/~writing/ui/images/design/backgrounds/gray.gif) repeat-x;
	padding: 7px 0px 10px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
 	border-right: 1px solid #cccccc;
 	border-left: 1px solid #cccccc;
}

.loginBox {
	background: url(/~writing/ui/images/design/backgrounds/gray.gif) repeat-x;
	border: 2px solid #cccccc;
	padding: 2px;
}

.writeIn {
	background: url(/~writing/ui/images/design/backgrounds/lightblue.png) repeat-x;
	padding: 7px;
	border-left:1px solid #d2dce7;
	border-bottom:1px solid #d2dce7;
	border-right:1px solid #d2dce7;
	min-height: 650px;
}

.guidesNav {
	background: #ececec;		
 	padding: 7px;
}

/* ------------------------------------ */
/*  Lists */
/* ------------------------------------ */

ol#outline
{
list-style-type:lower-alpha;
}

.pencil {
	background: url(/~writing/ui/images/design/icons/pencil.gif) no-repeat 0 0;
	line-height: 1.4em;
	padding-left: 25px;
}

.youTube {
  background: url('/~writing/ui/images/design/icons/youtube.gif') no-repeat 0 0;
  padding: 0px 0px 8px 25px;
}

.facebook {
  background: url('/~writing/ui/images/design/icons/facebook.gif') no-repeat 0 0;
  padding: 0px 0px 8px 25px;
}

.external {
  background: url('/~writing/ui/images/design/icons/external.gif') no-repeat center right;
  padding-right: 13px;
}

.pdf {
  background: url('/~writing/ui/images/design/icons/page_white_acrobat.png') no-repeat 0 0;
	padding: 0px 0px 1px 18px;
}
.ppt {
  background: url('/~writing/ui/images/design/icons/page_white_powerpoint.png') no-repeat 0 0;
	padding: 0px 0px 1px 18px;
}

.word {
  background: url('/~writing/ui/images/design/icons/page_white_word.png') no-repeat 0 0;
	padding: 0px 0px 1px 18px;
}

span.window {
	background: url("/~ssts_lib/images/icons/window_icon.gif") no-repeat 0 2;
	padding-left:	15px;
}

.window {
	background: url("/~ssts_lib/images/icons/window_icon.gif") no-repeat 0 2;
	padding-left:	15px;
}

.messagebox {
	background: url("/~writing//ui/images/design/icons/information.png") no-repeat top left;
  background-color: #efefef;
  border: 1px solid #dedede;
  padding: 2px;
  color: #444;
}

.attention {
	background: url("/~writing/ui/images/design/icons/attention.png") no-repeat top left; 
	padding: 0px 0px 1px 18px;
}

.information {
	background: url("/~writing/ui/images/design/icons/information.png") no-repeat top left;
	padding: 0px 0px 1px 18px;
}

.noticebox {
  background-color: #ffc;
  border: 1px solid #dedede;
  color: #444;
  padding: 2px;
}

.messagebox a {
  color: #000 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}

.noticebox a {
  color: #000 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}

.goArrow {
  background: url('/~writing/ui/images/design/icons/goArrow.jpg') no-repeat 0 0;
	padding: 0px 0px 1px 18px;
}

/*-------------------------------------- J query Tabs-----------------------------------------*/

#tabs {
 margin-top: 10px;
}

#tabs ul {
 float: left;
 text-align: center;
 background: #ffffff;
 padding-top: 4px;
}
#tabs li {
  margin-left: 5px;
  list-style: none;
}
* html #tabs li {
 display: inline; /* ie6 double float margin bug */
}
#tabs li,
#tabs li a {
 float: left;
}
#tabs ul li a {
 text-decoration: none;
 padding: 5px;
 width: 215px;
 background: url(/~writing/ui/images/design/tab.gif);
 background-repeat: repeat-x;
 font-weight: bold;
 color: #ffffff;
}

#tabs p {
 text-align: left;
 padding-left: 10px;
}
#tabs ul li.active {
 background: #cfd5f0;
}
#tabs ul li.active a {
 background: url(/~writing/ui/images/design/tab_active.gif) no-repeat left top;
 color: #333333;
}
#tabs div {
  background: url("/~writing/ui/images/design/backgrounds/kublue.gif");
  background-repeat: repeat-x;
 	clear: both;
 	padding: 15px;
 	min-height: 100px;
}
#tabs div h3 {
 margin-bottom: 10px;
}
#tabs div p {
 line-height: 150%;
}