/*------------------------------------------------------------------------
# TPR Career 1.0 - Aug, 2009
# ------------------------------------------------------------------------
# Based off of the original JA Zibal template from http://www.joomlart.com.
#
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
body { margin: 0; padding: 0; color: #333333; background: #FFFFFF; font-family: Tahoma, Arial, sans-serif; }
body#bd { margin: 0; padding: 0; background: #E3E3E3; text-align: center; }
body.contentpane { width: auto; /* Printable Page */ margin: 10px; font-size: 12pt; font-family: serif; line-height: 140%; }
body.fs1{ font-size: 57%; }
body.fs2{ font-size: 63%; }
body.fs3{ font-size: 69%; }
body.fs4{ font-size: 75%; }
body.fs5{ font-size: 81%; }
body.fs6{ font-size: 87%; }
h1 { font-size: 1.7em; }
h2 { margin: 10px 0; font-size: 1.5em; }
h3, h4 { margin: 10px 0; font-size: 1.25em; }

/* normal text */
#tpr-main, #tpr-main-f, #tpr-footer { line-height: 1.5; }

/* Title text */
.contentheading, .componentheading, div.moduletable h3, #tpr-subnav h3, h1, h2, h3, h4, h5 { }

/* Default link color */
a { color: #990000; text-decoration: none; }
a:hover, a:active, a:focus { color: #333333; text-decoration: underline; }
p { margin: 15px 0; }
ul { margin: 0; padding: 0; list-style: none; }
li { padding-left: 12px; background: url(../images/arrow-off.gif) no-repeat 3px 6px; }
th { padding: 4px; font-weight: bold; text-align: left; }
fieldset { border: none; margin: 0; padding: 0; }
#tpr-content fieldset, #tpr-content-f fieldset { width: 500px; }
fieldset a { font-weight: bold; }
hr { border-top: 1px solid #AAAAAA; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; }
img { border: 0; }
td, div { font-size: 1em; }

/* FORM
--------------------------------------------------------- */
form { margin: 0; padding: 0; }
input, select { font: 11px Tahoma, Arial, sans-serif; }
select, .inputbox { padding: 2px; }
texarea { padding-left: 2px; }
.button { padding: 1px 4px; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #BABDB6; border-right: 1px solid #BABDB6; background: url(../images/but-bg.gif) #EFEFEF; }
.button:hover, .button:focus { border-top: 1px solid #BABDB6; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #BABDB6; }
.inputbox { border-top: 1px solid #BABDB6; border-right: 1px solid #EDEEEC; border-bottom: 1px solid #EDEEEC; border-left: 1px solid #BABDB6; background: url(../images/shadow.gif) repeat-x top #FFFFFF; }
.inputbox:hover, .inputbox:focus { border: 1px solid #BABDB6; background: url(../images/shadow.gif) repeat-x top #FFFFFF; }

/* MODULE
--------------------------------------------------------- */
div.modules { width: 100%; }
div.moduletable { padding: 0 12px 0 13px; width: auto; margin-bottom: 10px; }
div.moduletable h3 { margin: 0 -12px 10px -13px; padding: 0 10px 0 20px; color: #666666; background: url(../images/h3-bg.gif) no-repeat bottom #E1E1E1; font-size: 1em; line-height: 21px; text-transform: UPPERCASE; height: 22px; }
div.moduletable h3.collapse { margin: 0 -12px 10px -13px; padding: 0 10px 0 20px; color: #666666; background: url(../images/h3-bg.gif) no-repeat top #E1E1E1; font-size: 1em; line-height: 21px; text-transform: UPPERCASE; height: 22px; cursor: pointer; }
div.moduletable table { border-collapse: collapse; border-spacing: 0; }

/* STYLE
--------------------------------------------------------- */
table.blog { }
table.blog .article_seperator { display: block; height: 15px; }
table.contentpane { border: none; width: 100%; }
table.contentpaneopen { border: none; }
table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; }
table.contenttoc td { padding: 1px 5px 1px 18px; background: url(../images/arrow-off.gif) no-repeat 7px 7px; }
table.contenttoc th { padding: 2px 4px; background: #4D84A7; color: #FFFFFF; text-indent: 5px; text-transform: UPPERCASE; }
table.poll { padding: 0; width: 100%; border-collapse: collapse; }
table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; }
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td { padding: 2px!important; }
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px!important; }
.adminform textarea { width: 400px!important; /*Control the Frontend Editor area width*/ }
.adminform textarea.inputbox { }
.blog_more { margin: 10px 0; }
.blog_more strong { margin: 0 0 5px; padding-left: 13px; display: block; background: url(../images/bullet.gif) no-repeat center left; color: #666666; text-transform: uppercase; }
td.buttonheading { padding: 0 3px!important; text-align: center; }

.category { font-weight: bold; }
.clr { clear: both; }
.code, pre { border: 1px solid #F0F0C0; width: auto; padding: 5px; background: #FFFFCC; }

/* style for component headers */
.componentheading { margin: -10px -15px 10px -15px; padding: 4px 15px 4px; color: #666666; background: #E1E1E1; font-size: 1em; font-weight: bold; line-height: normal; text-transform: UPPERCASE; }
.contentdescription { padding-bottom: 30px; }
.contentheading { font-family: Trebruchet,arial; font-size: 1.3em; }
table.blog .contentheading { padding-left: 13px; background: url(../images/bullet.gif) no-repeat 0px 9px; font-size: 1.25em; font-weight: bold; }
table.blog a.contentpagetitle { /* color: #4D84A7; */ font-size: 1.25em; font-weight: bold; text-decoration: none; }

/* style for page menus */
a.mainlevel { padding-left: 10px; background: url(../images/arrow-off.gif) no-repeat 0px 5px; color: #666666; text-decoration: none; }
a.mainlevel:hover, a.mainlevel:active { color: #333333; text-decoration: underline; }
a.sublevel { padding-left: 8px; }

/* style for readmore */
a.readon { background:#666666 url(../images/arrow-readon-on.gif) no-repeat scroll 4px 5px;color:#FFFFFF;float:right;font-size:10px;padding:1px 3px 1px 12px;text-decoration:none;text-transform:lowercase; }
a.readon:hover { color: #FFFFFF; text-decoration: none; }

/* download now link - PLACEHOLDERS */
a.download-podcast {}
a.download-podcast:hover {}

/* comment link */
div.write_comment {text-align:right;}


table.contentpaneopen td, table.contentpane td { }
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }
table.contentpaneopen td h2 {font-weight: normal;font-family: Trebruchet, Arial; }

/* style for article info */
.createdate { color: #AAAAAA; font-weight: bold; line-height: 10px; }
.modifydate { color: #AAAAAA; height: 15px; }
.error { color: #CC0000; }
.highlight { border-bottom: 1px dotted; font-weight: bold; }
.message { font-weight: bold; }
.moduletable { padding: 0; }
.mosimage { padding: 0; margin: 15px 15px 0 0!important; margin: 15px 5px 0 0; }
.mosimage img { padding: 0; margin: 0!important; }
.mosimage_caption { margin-top: 2px; padding: 1px 2px; color: #AAAAAA; }

/* style for page navigation */
.pagenav { padding: 2px; }
a.pagenav,.pagenav_prev a,.pagenav_next a,.pagenavbar a { padding: 1px 4px; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #BABDB6; border-right: 1px solid #BABDB6; background: url(../images/but-bg.gif) #EFEFEF; color: #666666; text-decoration: none; }
a.pagenav:hover, a.pagenav:active,.pagenav_prev a:hover, .pagenav_prev a:active,.pagenav_next a:hover, .pagenav_next a:active,.pagenavbar a:hover, .pagenavbar a:active { padding: 1px 4px; border-top: 1px solid #BABDB6; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #BABDB6; background: url(../images/but-bg.gif) #EFEFEF; color: #666666; text-decoration: none; }
.pagenavbar { padding-left: 14px; background: url(../images/pages.gif) no-repeat center left; color: #666666; }
.pagenavcounter { padding: 8px 14px 0 14px; background: url(../images/pages.gif) no-repeat 0 11px; color: #666666; }

/* style for page headers */
.sectiontableheader {padding: 1px 4px;background: #4D84A7;color: #FFFFFF;font-weight: bold;}
.sectiontableheader a, .sectiontableheader a:hover {color: #FFFFFF;}
tr.sectiontableentry1 td {padding: 4px;	background: #F2F2F2;}
tr.sectiontableentry2 td {padding: 4px;}

/* style for page menus */
.small {color: #AAAAAA;}
.smalldark {text-align: left;}
#banner {}

/* Main Layout Divs 
--------------------------------------------------------- */
#tpr-wrapper {}
#tpr-header-wrap1, #tpr-sh-wrap1, #tpr-pathway-wrap1, #tpr-main-wrap1, #tpr-footer-wrap1 {text-align: center;}
#tpr-header-wrap2, #tpr-sh-wrap2, #tpr-pathway-wrap2, #tpr-main-wrap2, #tpr-footer-wrap2 {width: 750px;padding-left: 20px;margin: auto;}
#tpr-header-wrap3, #tpr-sh-wrap3, #tpr-pathway-wrap3, #tpr-main-wrap3, #tpr-footer-wrap3 {padding-right: 20px;}
#tpr-header, #tpr-sh, #tpr-pathway, #tpr-main {text-align: left;}
#tpr-footer {text-align: center;}

/* Wide Layout Divs Width 
--------------------------------------------------------- */
.wide #tpr-header-wrap2,
.wide #tpr-sh-wrap2,
.wide #tpr-pathway-wrap2,
.wide #tpr-main-wrap2,
.wide #tpr-footer-wrap2 { width: 900px; }
.wide #tpr-main { background: url(../images/main-wide-bg.gif) repeat-y right #FFFFFF; }
.wide #tpr-content { width: 688px; float: left; }

/* 1 column content width */
.wide #tpr-content-f { }

/* Header
--------------------------------------------------------- */
#tpr-header-wrap1 { background: url(../images/header-wrap1.gif) top; }
#tpr-header-wrap2 { background: url(../images/header-wrap2.gif) repeat-y top left; }
#tpr-header-wrap3 { background: url(../images/header-wrap3.gif) repeat-y top right; position: relative; }
#tpr-header { background: url(../images/header-bg.gif) repeat-x top #4D84A7; height: 75px; /* you can change the heigth of the header here. Maximum height: 250px. */ position: relative; }
#tpr-header h1 { margin: 0; padding: 0; font-size: 2.5em; position: absolute; top: 0; left: 0; }
#tpr-header h1 img { margin: 0; padding: 0; }
#tpr-header a { color: #FFFFFF; }

/* style for search form */
#tpr-search { padding-left: 20px; background: url(../images/icon-search.gif) no-repeat center left; position: absolute; top: 40px; right: 22px; }
#tpr-search-tool { padding-left: 20px; background: url(../images/icon-search.gif) no-repeat 0px 6px; }
#tpr-search-tool .inputbox { border: none; margin-top: 3px; color: #FFFFFF; background: transparent; }
#tpr-search .inputbox { border: 1px solid #4D84A7; color: #4D84A7; }
#tpr-search .inputbox:hover, #tpr-search .inputbox:focus { border: 1px solid #4D84A7; color: #333333; }

/* style for user tools */
#tpr-usertoolswrap { padding: 0; background: url(../images/usertools-bg.gif) repeat-x; height: 30px; position: absolute; top: 0; right: 0; }
#tpr-usertools { padding: 0 18px 0 30px; float: left; display: block; color: #FFFFFF; background: url(../images/usertools-leftbg.gif) no-repeat top left; font-size: 11px; height: 30px; }
#tpr-usertools img { padding: 6px 4px 2px; display: block; cursor: pointer; }
#tpr-usertools a { padding: 0; float: left; display: block; }
#tpr-usertools a:hover, #tpr-usertools a:active, #tpr-usertools a:focus { background: #3B6580; }

/* Topnav
--------------------------------------------------------- */
#tpr-topnav { border-top: 1px solid #81ABC6; border-bottom: 1px solid #81ABC6; font-size: 10px; text-transform: UPPERCASE; }
#tpr-topnav a { color: #D9E7EF; font-weight: bold; }

/* Subheader + Spotlight
--------------------------------------------------------- */
#tpr-sh-wrap1 { background: url(../images/spotlight-wrap1.gif) repeat-x top left #CCCCCC; }
#tpr-sh-wrap2 { background: url(../images/spotlight-wrap2.gif) no-repeat top left; }
#tpr-sh-wrap3 { background: url(../images/spotlight-wrap3.gif) no-repeat top right; }
#tpr-sh { padding: 0; color: #FFFFFF; height: 150px; /* you can change the heigth of the sub-header here. Maximum height: 498px. */ }
#tpr-spotlight { margin-top: 20px; }
.tpr-box { float: left; border-top: 1px solid #FFFFFF; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #FFFFFF; background: #EFEFEF; overflow: hidden; }
#tpr-spotlight h3 { margin: 0 0 5px; padding: 5px 0 0 18px; background: url(../images/bullet.gif) no-repeat 5px 12px; }
#tpr-spotlight div.moduletable { padding: 0 5px; margin-bottom: 0; background: none!important; }
#tpr-spotlight ul { padding: 0; margin: 0; }
#tpr-spotlight li { padding: 0; margin: 0; background: none; height: 20px; }
#tpr-spotlight li a { padding: 0 5px 0 18px; display: block; background: url(../images/arrow-off.gif) no-repeat 7px 8px; line-height: 20px; }
#tpr-spotlight li a:hover { background: url(../images/arrow-off.gif) no-repeat 7px 8px #E1E1E1; text-decoration: none; }
#tpr-spotlight td { padding: 0 5px; }

/* Pathway Breadcrumbs
--------------------------------------------------------- */
#tpr-pathway-wrap1 { background: url(../images/pathway-wrap1.gif) top #447493; }
#tpr-pathway-wrap2 { background: url(../images/pathway-wrap2.gif) repeat-y top left; }
#tpr-pathway-wrap3 { background: url(../images/pathway-wrap3.gif) repeat-y top right; }

.pathway { color: #fff; }

#tpr-pathway { margin: 0; padding: 4px 15px; border-top: 1px solid #81ABC6; background: #4D84A7; color: #FFFFFF; line-height: normal; }
/*	color: #4D84A7;  was in tpr-pathway*/


#tpr-pathway a { color: #FFFFFF; text-decoration: none; }
#tpr-pathway a:hover {background-color: #2D2D2D; color: #FFFFFF;  text-decoration: none; }
#tpr-pathway img { margin: 0 5px; }

#tpr-pathway strong { margin-right: 8px; }

/* CONTENT COLUMN
--------------------------------------------------------- */
#tpr-main-wrap1 { background: url(../images/main-wrap1.gif) repeat-x top #EFEFEF; }

#tpr-main-wrap2 { background: url(../images/main-wrap2.gif) top left; }

#tpr-main-wrap3 { background: url(../images/main-wrap3.gif) top right; }

#tpr-main { border-top: 1px solid #FFFFFF; background: url(../images/main-bg.gif) repeat-y right #FFFFFF; }

/* 1 column content wrap */
#tpr-main-f { border-top: 1px solid #FFFFFF; background: #FFFFFF; text-align: left; }

/* 2 columns content width */
#tpr-content { width: 538px; float: left; }

#tpr-mainbody { padding: 10px 15px 20px; }

/* 1 column content width */
#tpr-content-f { }

/* LEFT COLUMN
--------------------------------------------------------- */
#tpr-sidecol { width: 190px; float: right; margin-bottom: 10px; }
#tpr-sidecol table { border-collapse: collapse; }
#tpr-sidecol a.mainlevel {padding-left: 10px; background: url(../images/arrow-off.gif) no-repeat 0px 5px; color: #666666; text-decoration: none; }
#tpr-sidecol a.mainlevel:hover {padding-left: 10px; background: url(../images/arrow-off.gif) no-repeat 0px 5px; color: #666666; text-decoration: underline; }
#tpr-sidecol ul.mainlevel { padding-left: 20px; background: url(../images/arrow-off.gif) no-repeat 5px 4px; }
#tpr-sidecol ul.mainlevel:hover { background: url(../images/arrow-on.gif) no-repeat 5px 4px; }
#tpr-sidecol a.sublevel { padding-left: 3px; }
#tpr-sidecol .article_seperator { display: none; }

/* FOOTER
--------------------------------------------------------- */
#tpr-footer-wrap1 { clear: both; background: url(../images/footer-wrap1.jpg) top #cccccc; height: 100%; }
#tpr-footer-wrap2 { background: url(../images/footer-wrap2.jpg) repeat-y top left; }
#tpr-footer-wrap3 { background: url(../images/footer-wrap3.jpg) repeat-y top right; }
#tpr-footer { padding: 15px 0; border-top: 1px solid #FFFFFF; background: url(../images/footer-bg.jpg) no-repeat top left #4D84A7; color: #D9E7EF; position: relative; height: 100%; }
#tpr-footer p { padding-right: 15px; padding-left: 15px; }
#tpr-footer div { padding-right: 15px; padding-left: 15px; }
#tpr-footer ul#mainlevel-nav,
#tpr-footer ul#mainlevel { padding-left: 5px; }
#tpr-footer ul#mainlevel li,
#tpr-footer ul#mainlevel-nav li { padding: 0; display: inline; background: none; }
#tpr-footer a { color: #FFFFFF; }
#tpr-footer ul a { padding: 2px 10px; color: #FFFFFF; }
#tpr-footer a:hover, #tpr-footer a:active, #tpr-footer a:focus { background: #447493; text-decoration: none; }
#tpr-bottomline { padding: 0; margin: 10px 0 0; }
#tpr-bottomline div { padding: 0; margin: 10px 0 0; }
#tpr-bottomline a { padding: 0; }
#tpr-cert { position: absolute; top: 30px; right: 10px; }
#tpr-cert a:hover, #tpr-cert a:active, #tpr-cert a:focus { background: none; }

/* MISCELLANOUS
----------------------------------------------------------- */
div.back_button a, div.back_button a:hover, div.back_button a:active { margin: 10px 0; display: block; color: #AAAAAA; text-decoration: none; }
#mod_login_password, #mod_login_username { width: 140px; }
#mod_login_password { }
#mod_login_username { }
#mod_login_remember { border: none; background: none; }
#mod_search_searchword { width: 140px; }

/* Text Shadow */
.clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }

* html > body .clearfix { width: 100%; display: block; }

* html .clearfix { height: 1%; /* End hide from IE-mac */ }

/* Firefox Scrollbar Hack - Do not remove */
html { margin-bottom: 1px; height: 100%!important; height: auto; }