/*
	Help & Support Stylesheet
	By Jeff Mueller, (c) 2010 University of Texas at Austin
*/


/*  Accessibility
----------------------------------------------------------------------------------------------------*/
.auraltext {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}


/* `Overrides
----------------------------------------------------------------------------------------------------*/
div#footer { clear: both; }

h1, h2, h3, h4, h5, h6 {
	color: #B55300;
	font-family: Arial, Helvetica, sans-serif;
}

sub {
	font-size: .8em;
	vertical-align: sub;
}

sup {
	font-size: .8em;
	vertical-align: super;
}


/* `Globals
----------------------------------------------------------------------------------------------------*/
p#error {
	line-height: 1.4em;
	font-size: .9em;
}

div#article a[href $='.doc'], div#article a[href $='.dot'], div#article a[href $='.dotx'], div#article a[href $='.docx'] {
   padding-right: 20px;
   padding-top:2px;
   padding-bottom:2px;
   background: transparent url(/its/graphics/icons/doc_icon.gif) no-repeat center right;
   display:inline-block;
}
div#article a[href $='.xls'], div#article a[href $='.xlsx'] { 
   padding-right: 20px;
   padding-top:2px;
   padding-bottom:2px;
   background: transparent url(/its/graphics/icons/xls_icon.gif) no-repeat center right;
   display:inline-block;
}
div#article a[href $='.pdf'] { 
   padding-right: 20px;
   padding-top:2px;
   padding-bottom:2px;
   background: transparent url(/its/graphics/icons/acrobat.png) no-repeat center right;
   display:inline-block;
}

div#article a[href $='.ppt'], div#article a[href $='.pptx'], div#article a[href $='.pot'], div#article a[href $='.potx'] { 
   padding-right: 20px;
   padding-top:2px;
   padding-bottom:2px;
   background: transparent url(/its/graphics/icons/icon_ppt.gif) no-repeat center right;
   display:inline-block;
}


/* `Layout
----------------------------------------------------------------------------------------------------*/
div#primary_column {
	margin: 15px 25px 10px 15px;
	width: 632px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif sans-serif;
}

div#secondary_column {
	margin: 15px 25px 10px 0px;
	width: 260px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif sans-serif;
}


/* `Search Box
----------------------------------------------------------------------------------------------------*/
div#primary_column div#search_box {
	height: 159px;
	width: 632px;
	background: transparent url(../images/search_background.png) top left no-repeat;
	color: #fff;
}

div#primary_column div#search_box.short {
	height: 81px;
	width: 632px;
	background: transparent url(../images/search_short_background.png) top left no-repeat;
	color: #fff;
}

input#help_search {
	margin: 24px 7px 0 24px;
	width: 510px;
	height: 34px;
	border: 0;
	font-size: 1.8em;
	color: #3a5870;
	font-family: Georgia, Times, Serif;
	vertical-align: middle;
}

input#help_submit_button {
	height: 47px;
	width: 54px;
	border: 0;
	padding: 0;
	vertical-align: middle;
	margin-top: 20px;
	cursor: pointer;	
}

input#help_submit {
	background: transparent url(../images/search_button.png) top left no-repeat;
	height: 45px;
	width: 52px;
	border: 0;
	padding: 0;
	vertical-align: middle;
	margin-top: 20px;
	cursor: pointer;
}

div#popular_searches, div#recent_searches {
	margin: 27px 19px;
	font-size: .7em;
}

div#popular_searches p, div#recent_searches p {
	overflow: hidden;
	height: 13px;
}

div#popular_searches span, div#recent_searches span {
	text-transform: uppercase;
	display: inline-block;
	width: 140px;
	font-size: 1.1em;
}

div#popular_searches a, div#recent_searches a { color: #fff; }

span#search_fade {
	background: transparent url(../images/search_fade.png) top left no-repeat;
	position: absolute;
	height: 80px;
	width: 117px;
	display: block;
	margin: 14px 0 0 512px;
}


/* `Search Results
----------------------------------------------------------------------------------------------------*/
div#info_bar {
	height: 26px;
	background: transparent url(../images/search_info_bar_background.png) top left repeat-x;
	margin: 11px 0 0;
}

div#info_bar p {
	height: 26px;
	color: #fff;
	font-size: .8em;
	padding: 7px 0 10px 20px;
	font-weight: bold;
}

div#info_bar a, div#info_bar a:hover, div#info_bar a:visited, div#info_bar a:active { color: #fff; }

div#info_bar.search h3 { display: none; }

p.search_keymatch_paragraph { display: none; }

div#info_bar.search p {
	display: inline;
	vertical-align: middle;
	float: left;
	width: auto;
	padding-right: 5px;
}

div#info_bar.search p.search_info {
	background: transparent url(../images/search_info_magnifier.png) top right no-repeat;
	padding-right: 0;
	padding-left: 0;
	width: 500px;
}

div#info_bar.search p.search_info:before {
	content: " \/ ";
}

div#results_list { background: transparent url(../images/results_background.png) top left repeat-x; }

p.search_result_paragraph {
	border-bottom: 1px solid #ebebeb;
	color: #424142;
	padding: 18px 14px 13px;
	font-size: .8em;
	line-height: 1.6em;
}

p.search_result_paragraph span.search_result_url {
	font-size: .8em;
	font-style: italic;
}

p.search_result_paragraph a {
	color: #0070a0;
	font-weight: bold;
	text-decoration: none;
}

p.search_result_paragraph a:hover {
	text-decoration: underline;
}

p.search_navigate {
	margin: 15px 0 7px;
	display: block;
	font-size: .7em;
	text-align: center;
}

p.search_navigate a, p.search_navigate span {
	color: #A24A00;
	border: 1px solid #dbd9d6;
	text-decoration: none;
	display: inline-block;
	width: auto;
	margin-left: 3px;
	padding: 4px 7px;
}

p.search_navigate a:hover { border: 1px solid #ffbc4f; }

p.search_navigate span.search_current_page {
	background-color: #FFF1DA;
	border: 1px solid #ED9300;
}

p.search_noresults {
	padding-top: 30px;
	text-align: center;
	font-style: italic;
	font-size: .9em;
}


/* `Home Page
----------------------------------------------------------------------------------------------------*/
div#alpha_nav {
	margin: 10px 0 0;
	height: 17px;
}

div#alpha_nav a, div#alpha_nav span {
	text-decoration: none;
	text-transform: uppercase;
	color: #BD581E;
	border: 1px solid #f8762a;
	display: inline;
	width: 20px;
	height: 17px;
	text-align: center;
	font-size: .7em;
	padding-top: 5px;
	float: left;
	margin-right: 2px;
}

div#alpha_nav span {
	color: #757575;
	border: 1px solid #A9A9A9;
}

div#alpha_nav a.alt { margin-right: 3px; }

div#alpha_nav a:hover { background-color: #faeedb; }

div#alpha_lists { clear: both; }

div.list_column {
	width: 296px;
	float: left;
	display: inline;
}

div#first_list_column { margin-right: 40px; }

div#alpha_lists ul { color: #0070a0; }

div#alpha_lists ul li { margin-bottom: 20px; }

div#alpha_lists ul li.title_character {
	font-weight: bold;
	margin: 35px 0 25px;
	font-size: 1.2em;
}

div#alpha_lists ul li a, div#alpha_lists ul li a:hover, div#alpha_lists ul li a:visited, div#alpha_lists ul li a:active {
	color: #0070a0;
	font-size: .9em;
}


/* `Topic Page
----------------------------------------------------------------------------------------------------*/
div#breadcrumbs {
	text-align: right;
	color: #007CA0;
	margin: 8px 0 26px;
	font-size: .7em;
	font-family: arial, helvetica, sans-serif;
}

div#breadcrumbs a, div#breadcrumbs a:hover, div#breadcrumbs a:active, div#breadcrumbs a:visited { color: #007CA0; }

div#article {
	color: #616161;
	font-family: arial, helvetica, sans-serif;
	padding: 0 25px;
}

div#article p {
	padding-bottom: 20px;
	word-spacing: 0.15em;
	line-height: 2em;
	font-size: .8em;
}

div#article p#grouping {
	color: #767676;
	padding-bottom: 0;
	line-height: 1.5em;
}

div#article p#grouping:before { content: "// "; }

div#article p#grouping a, div#article p#grouping a:visited, div#article p#grouping a:active {
	color: #767676;
	text-decoration: none;
	font-size: 1em;
}

div#article p#grouping a:hover { text-decoration: underline; }

div#article h1 {
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

div#article h2, div#article h3, div#article h4 {
	font-weight: normal;
	margin-bottom: 20px;
}

div#article h2 { font-size: 1.3em; }

div#article h3 { font-size: 1.1em; }

div#article h4 { font-size: 1em; }

div#article p#article_meta {
	color: #767676;
	margin-bottom: 26px;
	font-size: .8em;
	padding-bottom: 0;
	line-height: 1.5em;
}

div#article ol, div#article ul {
	word-spacing: 0.15em;
	line-height: 2em;
	font-size: 12px;
	list-style: decimal outside;
	margin: 0 0 20px 15px;
	padding-left: 1.2em;
}

div#article ul { list-style: disc outside; }

div#article li { margin-bottom: 10px; }

div#article li p {
	font-size: 13px;
	padding-bottom: 0;
}

div#article ol ol, div#article ul ul, div#article ul ol, div#article ol ul {
	margin-top: 10px;
	border-left: 3px solid #eee;
	padding-left: 30px;
}

div#article p.note, div#article p.hilight, div#article div.hilight {
	font-size: 13px;
	padding: 1em;
	text-indent: 0px;
	margin: 0 0 20px;
	border-top: 1px dotted #6D6F71;
	border-bottom: 1px dotted #6D6F71;
	background-color: #eaf2f4;
}

div#article div.hilight p { font-size: 13px; }

div#article div.hilight p:last-child { padding-bottom: 0; }

div#article ol li p.note, div#article ol li p.hilight, div#article ol li div.hilight { margin-top: 15px; }

div#article pre code {
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	font-family: "Panic Sans", "Bitstream Vera Sans", courier, "Courier New";
}

div#article pre {
	padding: 10px 20px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #f9f9f9;
	margin: 0 0 20px;
}

div#article dl {
	font-size: .9em;
}

div#article dl dt {
	font-weight: bold;
	margin-top: 20px;
}

div#article dl dd {
	padding-left: 30px;
	line-height: 1.8em;
	margin-top: 10px;
}

div#article table li {font-size: 100%;}
div#article table p {font-size: 100%;}
div#article table table td, table table th {font-size: 100%;}
div#article table table p {font-size: 100%;}
div#article table thead tr th.plain-th { text-align: center; }
div#article table ul, div#article table ol, div#article table dl { margin-top:0; }

div#article table {
 	clear:both;
	margin: .75em 0 20px 0; 
	padding: 1em 0 0 0;
	border-collapse:collapse;
	border: 1px solid #6D6F71;
	font-size: .8em;
	width: auto;
	max-width: 920px;
}

div#article table tbody {
	max-width: 920px;
}
 
div#article table th, div#article table td {
	line-height: 1.5em;	
	margin:0;
	padding: .75em;
	text-align: left; 
	vertical-align: middle;
}
 
div#article table h3, div#article  table caption {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1.25em;
	font-weight: bold;
	margin-top:0; 
	padding-top:0; 
}
 
div#article table caption { 	
	text-align: left;
	margin:0;
	padding: 1em 0 0 0;
	caption-side:top;
}

div#article table th h4 {
    font-size: 1.2em;
    padding-bottom: .5em;
}

div#article table th {font-weight: normal;}

div#article table td { border-bottom: 1px dotted #6D6F71; }
 
div#article table tr.odd, div#article table tr.odd td { background-color: #F4F4F0; }
 
div#article table tr.odd td.hilight { background-color: #E9E9E2; }
 
div#article table tr.even td.hilight { background-color: #F4F4F0;}
 
div#article table thead tr, div#article table thead tr td, div#article table thead tr th, div#article table tr th {
	background-color: #317D91;
	color: #fff;
}
 
div#article table tbody td, div#article table tbody th { border-right: 1px dotted #6D6F71; }
 
div#article table thead tr th, div#article table tr th { border-bottom: 1px dotted #FFFFFF; }
 
div#article table thead td, div#article table thead th, div#article table tr th  { border-right: 1px dotted #fff; }

div#article table thead th a, div#article table tr th a { color:#ffffff; }

div#article table.blue-top { border-top: 5px solid #006883; }

div#article h1 a, 
div#article h1 a:hover, 
div#article h1 a:visited, 
div#article h2 a, 
div#article h2 a:hover, 
div#article h2 a:visited, 
div#article h3 a, 
div#article h3 a:hover, 
div#article h3 a:visited, 
div#article h4 a, 
div#article h4 a:hover, 
div#article h4 a:visited, 
div#article h5 a, 
div#article h5 a:hover, 
div#article h5 a:visited, 
div#article h6 a, 
div#article h6 a:hover, 
div#article h6 a:visited {
	color: #BF5700 !important;
}

div#article div.its_only_content {
	background-color: #ffc;
	border: 1px solid #ccc;
	padding: 10px 10px 0;
	margin-bottom: 20px;
}

div#article div.its_only_content h3 {
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

div#article p#its_only_note {
	font-size: .7em;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #ffc;
}

div#article p.help_last_updated { font-style: italic; 
					 font-size: 0.7em; }


/* `Grouping Page
----------------------------------------------------------------------------------------------------*/
div#help_topics { padding: 20px; }

div#help_topics ul { color: #0070a0; }

div#help_topics ul li { margin-bottom: 20px; }

div#help_topics ul li.secure-doc {
	background: transparent url(../images/secure.png) top left no-repeat;
	padding-left: 25px;
}

div#help_topics ul li a, div#help_topics ul li a:hover, div#help_topics ul li a:visited, div#help_topics ul li a:active {
	color: #0070a0;
	font-size: .9em;
}


/* `Secondary Column
----------------------------------------------------------------------------------------------------*/
div#secondary_column div#search_its_site {
	background: #f5f5f5 url(../images/help_desk_background.png) top left no-repeat;
	border: 1px solid #e6e4e4;
	padding: 0 19px 4px;
	margin-bottom: 30px;
}
div#secondary_column div#help_desk_info {
	background: #f5f5f5;
	padding: 4px 19px 4px;
	margin-bottom: 30px;
}

div#secondary_column div#help_desk_info img {
	float: left;
}

div#secondary_column div#search_its_site {
    background-image: none;
    background-color: #f5f5f5;
    
}

div#search_its_site h2 {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}

 div#help_desk_info h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1em;
	word-spacing: 0.02em;
	padding-top: 1px;
	letter-spacing: .5px;
 }

div#search_its_site h2 { margin: 10px 0; }

div#help_desk_info h2 {
	color: #BF5700;
	margin: 6px 0 15px 0;
}

div#help_desk_info p.expert_chat {
	width: 160px;
}

div#help_desk_info p, div#search_its_site p {
	color: #707070;
	font-size: .75em;
	padding-bottom: 10px;
	font-family: arial;
	line-height: 1.6em;
	letter-spacing: 0.5px;
}

div#search_its_site p {
    line-height: 1.5em;
}

div#search_its_site p span {
    font-weight: bold;
    font-style: italic;
}

div#help_desk_info a, div#search_its_site a { color: #006984; }



div.sidebar_box {
	border: 1px solid #e6e4e4;
	padding: 0 19px 4px;
	margin-bottom: 30px;
}

div.sidebar_box h2 {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #fff;
	margin: 6px 0 15px 29px;
	text-transform: uppercase;
}

/*
div#help_desk_info { background: #f5f5f5 url(../images/help_desk_background.png) top left no-repeat; }
*/

div#search_its_site h2, div#more_service_info h2 {
	margin: 10px 0;
	color: #A24A00;
}
/*

div#help_desk_info h2 a, div#help_desk_info h2 a:visited {
	color: #fff;
	text-decoration: none;
}
*/


div.sidebar_box p {
	color: #424142;
	font-size: .8em;
	padding-bottom: 10px;
}

div#search_its_site p, div#more_service_info { line-height: 1.5em; }

div#search_its_site p span {
    font-weight: bold;
    font-style: italic;
}

div#help_desk_info a, div#search_its_site a, div#secondary_column div#related_articles a { color: #006984;
 }
div#help_desk_info a:hover, div#secondary_column div#related_articles a:hover { color: #349cb4;
}

div#secondary_column div#related_articles a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.35em;
	line-height:1.5em;
}

div#secondary_column div#related_articles { padding: 0 19px 4px; }

div#related_articles h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #A24A00;
	line-height: 1em;
	word-spacing: 0.02em;
	letter-spacing: .5px;
}

div#related_articles ul {
	font-size: .75em;
	line-height: 1.5em;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

div#related_articles ul li {
	margin: 0 0 10px;
	font-size: .75em;
	line-height: 1.5em;
}

div#related_articles li a, div#related_articles li a:hover, div#related_articles li a:active, div#related_articles li a:visited { color: #8e8e8e; }

div#related_articles li.more_articles a, div#related_articles li.more_articles a:hover, div#related_articles li.more_articles a:active, div#related_articles li.more_articles a:visited { color: #007CA0; }

div#sidebar_alerts { background: #f5f5f5 url(../images/help_desk_background.png) top left no-repeat; }

div#sidebar_alerts p {
	font-style: italic;
	font-size: .7em;
	padding-top: 5px;
	color: #777;
}

div#sidebar_alerts ul {
	font-size: .8em;
	line-height: 1.5em;
	padding-top: 5px;
}

div#sidebar_alerts ul li {
	margin-bottom: 15px;
}

div#sidebar_alerts ul li a, div#sidebar_alerts ul li a:active, div#sidebar_alerts ul li a:hover, div#sidebar_alerts ul li a:visited {
	color: #007CA0;
}

div#sidebar_alerts ul li span {
	display: block;
	color: #8e8e8e;
	font-style: italic;
	font-size: .9em;
}


/* `Toolbox
----------------------------------------------------------------------------------------------------*/
div#toolbox {
	position: fixed;
	top: 5px;
	left: 5px;
	border: 2px solid #bbb;
	background-color: rgba(200,200,200,.7);
	text-shadow: #eee 1px 1px 1px;
	width: 175px;
	padding: 10px 10px 0;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif sans-serif;
}

div#toolbox p {
	margin-bottom: 10px;
	color: #666;
	font-size: .9em;
}

div#toolbox a, div#toolbox a:hover, div#toolbox a:visited, div#toolbox a:active {
	color: #666;
}