/* reset.css, part of YUI's CSS Foundation */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}

/* base.css, part of YUI's CSS Foundation */

h1, h2, h3
{
	/* top & bottom margin based on font size */
	margin: 1em 0;
}
h1, h2, h3, h4, h5, h6, strong
{
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}
abbr, acronym
{
	/*indicating to users that more info is available */
	border-bottom: 1px dotted #000;
	cursor: help;
}
em
{
	/*bringing italics back to the em element*/
	font-style: italic;
}
blockquote, ul, ol, dl
{
	/*giving blockquotes and lists room to breath*/
	margin: 1em;
}
ol, ul, dl
{
	/*bringing lists on to the page with breathing room */
	margin-left: 2em;
}
ol li
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd
{
	/*giving UL's LIs generated numbers*/
	margin-left: 1em;
}
th, td
{
	/*borders and padding to make the table readable*/
	/*border: 1px solid #000; */
	padding: .5em;
}
th
{
	/*distinguishing table headers from data cells*/
	font-weight: bold;
	text-align: center;
}
caption
{
	/*coordinated marking to match cell's padding*/
	margin-bottom: .5em; /*centered so it doesn't blend in to other content*/
	text-align: center;
}
p, fieldset, table
{
	/*so things don't run into each other*/
	margin-bottom: 1em;
}

input 
{
	padding: 2px;	
}
/*******************************************************************************
 * HACKS : Clearfix
 *
 * Clearfix provides a means to for an element to contain all it's floated 
 * children even if it's not normally tall enough to do so. For more information
 * on clearfix please see:
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/**********************************/
/* Base Website Styles Start Here */
/**********************************/

body { font-family: Georgia; font-size: 11pt; color: #666666; }

a { color: #1E6B9E; text-decoration: none; }
a:hover { color: #003366; text-decoration: none; }

p.first { font-size: 13pt; color: #333333; }

h1 { font-size: 20pt; color: #333333; }
h2 { font-size: 15pt; color: #1E6B9E; }
h3 { font-size: 15pt; color: #A7A9AC; }
h4 { color: #333333; }
h2 { color: #1E6B9E; }
h3 { color: #A7A9AC; }

hr { height: 1px; }

/*********************************/
/* Master Page Styles Start Here */
/*********************************/

/* Header */
#wrapper { width: 970px; margin: 0 auto; border-left: solid 10px #A7A9AC; position: relative; }

#header { position: relative; height: 145px; background-image: url('/app_themes/tig/images/header-bg.jpg'); background-position: right; background-repeat: no-repeat; }
#header #logo { float: left; }
#header #quick { position: absolute; right: 70px; top: 5px; color: #FFFFFF; }
#header #quick .QuickBtn { position: absolute; right: -63px; top: 0; }

/* Top Drop Down Navigation */
#topnav { position: relative; background-color: #A7A9AC; height: 34px; background-image: url('/app_themes/tig/images/menufade-bg.jpg'); background-position: left; background-repeat: no-repeat; }

/* Drop Down Menu - Level 1 */
#topnav ul { float: right; padding: 0px; margin: 0px; } 
#topnav li { list-style: none; float: left; position: relative; text-align: center; white-space: nowrap; border-left: dotted 1px #E2EBF0; }
#topnav li a { display: block; padding: 0.5em 1em; color: #FFFFFF; font-size: 12pt; font-weight: normal; }
#topnav li:hover a, #topnav li.selected a { color: #003366; }

/* Drop Down Menu - Level 2 */
#topnav li ul { position: absolute; display: none; background-color: #E2EBF0; }
#topnav li li { float: none; text-align: left; border-bottom: solid 1px #FFFFFF; }
#topnav li li:hover { background-image: url('/app_themes/tig/images/arrow.gif'); background-position: 0.25em center; background-repeat: no-repeat; }
#topnav li:hover li a, #topnav li.selected li a { color: #666666; font-size: 11pt; font-weight: normal; }
#topnav li li a:hover { color: #1E6B9E;  }

/* Drop Down Menu - Hide / Show */
#topnav li:hover ul { display: block; }

/* Breadcrumbs */
#crumbs { text-align: right; margin-left: 225px; background-color: #E1E2E3; font-size: 8pt; padding: 0.5em 1em; background-image: url('/app_themes/tig/images/submenu-white-bg.jpg'); background-position: left; background-repeat: no-repeat; }
#crumbs a { color: #666666; font-size: 8pt; }
#crumbs a:hover { text-decoration: underline; }

/* Body Layout */
#main { width: 950px; padding: 10px; }
#menubar { float: left; margin: 0 10px; width: 180px; padding-top: 2em; }
#main2col { float: left; margin-left: 10px; width: 760px; }
#main3col { float: left; margin-left: 10px; width: 510px; }
#sidebar { float: left; margin-left: 10px; width: 240px; padding-top: 2em; }

h1.pagetitle { font-weight: normal; }

/* Left Hand Menu */
#menubar .menutitle { display: block; padding: 0.5em; color: #1E6B9E; font-size: 13pt; font-weight: bold; }

#menubar ul { padding: 0; margin: 0; }
#menubar li { list-style-type: none; }
#menubar li div { padding: 0.5em; border-top: dotted 1px #E1E2E3; }
#menubar li div img { padding-left: 1.5em; }

/* Left Hand Menu - Level 1 */
#menubar li div a { padding-left: 1em; color: #666666; }
#menubar li div a:hover { color: #1E6B9E; }

#menubar li.selected div { background-image: url('/app_themes/tig/images/arrow.gif'); background-position: 0.5em center; background-repeat: no-repeat; }
#menubar li.selected div a { color: #1E6B9E; }

/* Left Hand Menu - Level 2 */
#menubar li.selected li div { background-image: none; }
#menubar li.selected li div a { padding-left: 2em; color: #666666; }
#menubar li.selected li div a:hover { color: #1E6B9E; }

#menubar li li.selected div a { color: #1E6B9E; }

/* Left Hand Menu - Level 3 */
#menubar li li.selected li a { padding-left: 3em; color: #666666; }

/* Editor */
#main .editor { padding: 5px 0; }
#main .editing { padding: 5px 0; width: 950px; height: 400px; }

#main2col .editor { padding: 5px; }
#main2col .editing { padding: 5px; width: 730px; height: 400px; }

#main3col .editor { padding: 5px; }
#main3col .editing { padding: 5px; width: 510px; height: 400px; }

.editing table { margin-bottom: auto; border-collapse: separate; }
.editing th, td { padding: 0px; }

/* People */
div#people { position: absolute; bottom: 25px; right: 0; z-index: -1; } 

/* Footer */
#footer { height: 21px; padding: 2px 20px; margin-top: 150px; color: #E2EBF0; background-image: url('/app_themes/tig/images/footer-bg.jpg'); background-repeat: repeat-x; }
#footer #copyright { float: left; font-size: 8pt; padding-top: 4px; }
#footer #tagline { float: right; font-size: 13pt; }

/* Toolbox */
.toolbox { width: 180px; margin-left: 5px; margin-top: 2em; background-color: #E2EBF0; }
.toolbox th { text-align: left; color: #FFFFFF; background-color: #A7A9AC; border-width: 0px; padding: 1px 2px; }
.toolbox td { border-width: 0px; padding: 1px 2px; }

/***************************/
/* Print Styles Start Here */
/***************************/

@media print {
  #header #banner { display: none; }
  #header #search { display: none; }
  #topnav { display: none; }
  #menubar { display: none; }
  #crumbs { background-color: inherit; border-top: solid 1px #E1E2E3; border-bottom: solid 1px #E1E2E3; padding: 0; font-size: 1em; line-height: 2em; }
  #main2col, #main3col { width: 100%; margin: 0; }
  #sidebar { display: none; }
}

/******************************/
/* Template Styles Start Here */
/******************************/

.error { color: Red; }
.highlight { background-color: Yellow; }
.hover { background-color: #E2EBF0 !important; border: solid 1px #1E6B9E !important; }
.pager { clear: both; width: 100%; }

.NotifyInfo { color: #000000; background-color: #FFFFC0; border: solid 1px #DCDC41; padding: 2em; margin: 1em 0; }
.NotifyInfo li { list-style: none; }
.NotifyError { color: #CC0000; background-color: #FFE1E1; border: solid 1px #E58080; padding: 2em; margin: 1em 0; }
.NotifyError li { list-style: none; }
.NotifyConfirm { color: #339900; background-color: #E4F8DC; border: solid 1px #99CC80; padding: 2em; margin: 1em 0; }
.NotifyConfirm li { list-style: none; }

.linkbar { font-size: 10pt; text-align: center; padding-top: 1em; }
.linkbar a { color: #666666; font-size: 8pt; }
.linkbar a:hover { text-decoration: underline; }

/* Home Page */
#home { position: relative; z-index: -1; margin-top: 1em; }
#home .reset { clear: both; }

#home #news { float: left; margin-left: 10px; width: 290px; padding: 10px; background-color: #FFFFFF; }
#home #news h1 { position: relative; font-size: 15pt; color: #666666; margin: 0.5em 0; }
#home #news h1 a { position: absolute; top: 0; right: 0; }
#home #news ul { margin: 0; padding: 0; }
#home #news li { list-style: none; }
#home #news li h2 { margin: 0; padding: 0; }
#home #news li h2 a { font-size: 13pt; font-weight: bold; }
#home #news li em { display: block; font-size: 8pt; padding: 0.5em 0; } 

#home #col2 { float: left; margin-left: 15px; width: 310px; }

#home #blog { padding: 10px; background-color: #E2EBF0; }
#home #blog h1 { position: relative; font-size: 15pt; color: #666666; margin: 0.5em 0; }
#home #blog h1 a { position: absolute; top: 0; right: 0; }
#home #blog ul { margin: 0; padding: 0; }
#home #blog li { list-style: none; }
#home #blog li h2 { margin: 0; padding: 0; }
#home #blog li h2 a { font-size: 13pt; font-weight: bold; }
#home #blog li img { float: left; margin-right: 0.5em; } 
#home #blog li em { display: block; font-size: 8pt; padding: 0.5em 0; } 
#home #blog li .categories { font-size: 8pt; padding: 0.5em 0; }
#home #blog li .categories a { color: #666666; font-size: 8pt; }
#home #blog li .categories a:hover { text-decoration: underline; }

#home #col3 { float: left; margin-left: 15px; width: 310px; }

#home #login { padding: 10px; background-color: #F7F2DD; }
#home #login h1 { font-size: 15pt; color: #666666; margin: 0.5em 0; }
#home #login NotifyError { padding: 0.25em; }
#home #login p { margin: 0.5em 0; }
#home #login p label { margin-left: 0; display: inline-block; width: 75px; }
#home #login p input[type=text] { width: 150px; }
#home #login p input[type=password] { width: 150px; }
#home #login label { margin-left: 0.5em; }
#home #login .gobtn input { position: relative; top: 5px; padding: 0; }

#home #suggest { margin-top: 15px; padding: 10px; background-color: #EDEFEE; }
#home #suggest img { float: left; margin: 10px; }
#home #suggest h1 { font-size: 15px; color: #666666; margin: 0.5em 0; }
#home #suggest li { list-style-image: url('/app_themes/tig/images/arrow.gif'); }

/* Contents Template - Sub Pages */
.pagelist { padding: 1em 0; margin: 0; }
.pagelist ul, .pagelist p { padding: 0; margin: 0; }
.pagelist li { list-style-type: none; }
.pagelist img { padding-right: 0.5em; }
.pagelist li a { font-weight: bold; }
.pagelist li li a { font-weight: normal; }
.pagelist li li li a { color: #666666; }
.pagelist li div { padding: 0.5em; border: solid 1px #FFFFFF; }
.pagelist li li div { padding-left: 2em; }
.pagelist li li li div { padding-left: 3em; }

/* Sitemap Template */
h1.sitemaptitle { margin-left: 10px; font-weight: normal; }

.sitemap { table-layout: fixed; width: 950px; }
.sitemap td { vertical-align: top; padding: 5px 0 5px 10px; }
.sitemap div { padding: 5px; background-color: #A7A9AC; }
.sitemap img { padding-right: 5px; }
.sitemap a { color: #FFFFFF; }
.sitemap a:hover { color: #003366; }

.sitemap ul { margin: 0; }
.sitemap li { list-style-type: none; }
.sitemap li div { background-color: #FFFFFF; border: solid 1px #FFFFFF; }
.sitemap li a { color: #1E6B9E; }
.sitemap li a:hover { color: #003366; }
.sitemap li li a { padding-left: 1em; font-size: 10pt; background-image: url('/app_themes/tig/images/arrow.gif'); background-position: left center; background-repeat: no-repeat; }
.sitemap li li li a { padding-left: 2em; font-size: 8pt; background: none; }

/* Common Pattern - Grouped List */
.groupedlist { margin: 0; padding: 0; }
.groupedlist li { list-style: none; }
.groupedlist h1 { color: #333333; font-size: 15pt; margin: 0; padding-left: 0.5em; border-bottom: solid 1px #A7A9AC; }
.groupedlist ul { margin: 0; padding: 0; padding-left: 30px; }
.groupedlist ul li { position: relative; padding: 0.5em; border: solid 1px #FFFFFF; }

/* Search Template - Search */
#search { width: 100%; }

.searchsummary { background-color: #FFFFC0; color: #000000; border: solid 1px #DCDC41; padding: 2em; margin: 1em 0; }

.groupedlist .resultgroup h1 { position: relative; }
.groupedlist a.more { position: absolute; right: 0.5em; }
.groupedlist .result h2 { color: #1E6B9E; font-size: 11pt; margin: 0; }
.groupedlist .result .path { color: #666666; font-size: 8pt; } 
.groupedlist .result .path a { color: #666666; font-size: 8pt; }
.groupedlist .result .path a:hover { text-decoration: underline; }

/* Generic Settings */
.settings fieldset { padding: 1em; border: solid 1px #E4E4E7; }
.settings input { padding: 1px; }
.settings .integer { width: 50px; text-align: right; padding-right: 0.5em; }

.settings table { table-layout: auto; width: 100%; }
.settings table input { width: 250px; padding: 1px; }
.settings table textarea { width: 250px; padding: 1px; }
.settings table .span3 { width: 603px; }
.settings table input[type=radio] { width: auto; }

.settings .duallist { position: relative; margin: 1em; }
.settings .duallist select { float: left; width: 250px; }
.settings .duallist div { float: left; text-align: center; }
.settings .duallist div input { display: block; width: 100px; margin: 25px; }

.settings .btnbar { position: relative; text-align: right; }
.settings .btnbar .btnleft { float: left; }
.settings .btnbar input { padding: 0.25em 0.5em; }

/* News Listing */
.groupedlist .article { position: relative; }
.groupedlist .article img { float: left; border: solid 1px #CCCCCC; padding: 1px; height: 75px; width: 52px; margin-right: 0.5em; }
.groupedlist .article h2 { float: left; color: #666666; font-size: 12pt; line-height: 20px; margin: 0; }
.groupedlist .article em { float: right; font-size: 8pt; line-height: 20px; }
.groupedlist .article em img { margin: 0 0.5em; padding: 0; float: none; height: auto; width: auto; border: none; }
.groupedlist .article p { clear: right; margin: 0; }

/* View Article */
.readarticle .summary { background-color: #FFFFC0; border: solid 1px #DCDC41; margin: 1em 0; }
.readarticle .summary img { float: left; border: solid 1px #CCCCCC; padding: 1px; height: 75px; width: 52px; margin: 0.5em; }
.readarticle .summary em { float: right; font-size: 8pt; margin: 0.5em; }
.readarticle .summary em img { margin: 0 0.5em; padding: 0; float: none; height: auto; width: auto; border: none; }
.readarticle .summary p { clear: right; margin: 1em; margin-top: 0; color: #000000; }

.readarticle .files ul { margin: 0; padding: 0; }
.readarticle .files li { list-style: none; position: relative; list-style: none; padding: 0.5em; padding-left: 26px; border: solid 1px #FFFFFF; }
.readarticle .files li img { position: absolute; top: 10px; left: 5px; _left: -21px; }
.readarticle .files .filename { font-size: 12pt; }
.readarticle .files .filesize { font-size: 10pt; font-weight: bold; }
.readarticle .files .filemodified { font-size: 10pt; }

.sidepanel fieldset { padding: 1em; border: solid 1px #A7A9AC; }
.sidepanel fieldset label { display: block; margin: 0.5em 0; }

.newsarchive { margin: 0; padding: 0; }
.newsarchive li { list-style: none; }
.newsarchive h1 { color: #333333; font-size: 12pt; margin: 0; border-bottom: solid 1px #A7A9AC; }
.newsarchive ul { margin: 0; padding: 0; }
.newsarchive ul li { padding: 3px 0; }
.newsarchive a { font-size: 8pt; }

/* Forms Template */
.formentry { table-layout: fixed; }
.formentry th { font-size: 11pt; color: #0096D7; text-align: left; padding: 10px 0; }
.formentry td { padding: 5px; vertical-align: top; }
.formentry input { width: 300px; }
.formentry select { width: 300px; }
.formentry textarea { width: 300px; }
.formentry table td { padding: 0; }
.formentry table input { width: auto; }

.formedit table { table-layout: fixed; }
.formedit table th { font-size: 11pt; color: #0096D7; text-align: left; padding: 10px 0; }
.formedit table td { padding: 5px 0; vertical-align: top; }
.formedit table table td { padding: 0; }

/* Members Registration / Login / Profile */
#member { border: solid 1px #1E6B9E; padding: 1em; }
#member legend { font-size: 20pt; color: #333333; }
#member p label { display: inline-block; width: 100px; text-align: right; padding-right: 1em; }
#member p input { width: 200px; } 
#member p input.PhonePrefix { width: 50px; } 
#member p input.PhoneNumber { width: 150px; } 
#member .btnbar { text-align: center; }

#member div.pdp label { display: inline-block; width: 100px; text-align: right; padding-right: 1em; }
#member div.pdp input { width: 178px; } 

#member p textarea { width: 225px; height: 75px; }

#member .profile { float: left; width: 50%; }

/* Blog */
#sidebar div.rsslink { text-align: right; padding: 0.5em; }
#sidebar div.rsstext { display: inline; padding-right: 0.5em; }

#sidebar .blogpanel { background-color: #E1E2E3; padding: 0.5em; margin-bottom: 1em; }
#sidebar .blogpanel h1 { font-size: 15pt; color: #666666; margin: 0.5em 0; }
#sidebar .blogpanel ul { margin: 0; padding: 0; }
#sidebar .blogpanel li { list-style: none; padding: 0.25em 0; }

#blogentries { margin: 0; padding: 0; }
#blogentries li { list-style: none; padding: 0.5em; border: solid 1px #ffffff; border-bottom: solid 1px #A7A9AC; }

.blogentry h1 { margin: 0; font-size: 13pt; }
.blogentry img { padding-right: 0.5em; }
.blogentry em { font-size: 8pt; }
.blogentry .body { padding: 1em; }
.blogentry .categories { font-size: 8pt; }

#blogcomments { margin: 0; padding: 0; }
#blogcomments li { list-style: none; padding: 0.5em; border: solid 1px #ffffff; border-bottom: solid 1px #A7A9AC; }
#blogcomments img { padding-right: 0.5em; }
#blogcomments p { padding-left: 1em; }
#blogcomments .status { font-size: 8pt; text-align: right; }
#blogcomments .status em { float: left; }

#blogaddcomment textarea { height: 5em; width: 100%; margin-bottom: 1em; }

/* Forums */
#sidebar .forumpanel { background-color: #E1E2E3; padding: 0.5em; margin-bottom: 1em; }

#forumthreads { padding: 0; margin: 0; }
#forumthreads li.thread { position: relative; list-style: none; padding: 0.5em; border: solid 1px #ffffff; }
#forumthreads .thread img { float: left; margin-right: 0.5em; }
#forumthreads .thread div { float: left; }
#forumthreads .thread h1 { margin: 0; font-size: 13pt; }
#forumthreads .thread em { font-size: 8pt; }
#forumthreads .thread strong { color: Red; }

#forumthread h1 { margin: 0; font-size: 13pt; }
#forumthread img { padding-right: 0.5em; }
#forumthread em { font-size: 8pt; }
#forumthread .body { padding: 1em; }

#forumreplies { margin: 0; padding: 0; }
#forumreplies li { list-style: none; padding: 0.5em; border: solid 1px #ffffff; border-bottom: solid 1px #A7A9AC; }
#forumreplies img { padding-right: 0.5em; }
#forumreplies p { padding-left: 1em; }
#forumreplies .status { font-size: 8pt; text-align: right; }
#forumreplies .status em { float: left; }

#forumaddreply input[type=text] { width: 100%; margin-bottom: 1em; }
#forumaddreply textarea { height: 5em; width: 100%; margin-bottom: 1em; }

/* Competitions */

#entry { border: solid 1px #1E6B9E; padding: 1em; }
#entry legend { font-size: 20pt; color: #333333; }
#entry p label { display: inline-block; vertical-align: top; width: 150px; text-align: right; padding-right: 10px; }
#entry p input[type=text] { width: 400px; } 
#entry p input[type=file] { width: 400px; } 
#entry p textarea { width: 425px; height: 75px; }
#entry .btnbar { text-align: center; }

ul.photos { position: relative; margin: 0; padding: 0; }
ul.photos li { position: relative; font-size: 8pt; margin: 0; list-style: none; padding: 0.5em; border: solid 1px #ffffff; width: 160px; float: left; text-align: center; height: 200px; }
ul.photos li.removed { color: red; text-decoration: line-through; border: solid 1px red; }
ul.photos li img { border: solid 1px #A7A9AC; margin: 5px; padding: 2px; }
ul.photos li input { position: absolute; top: 2px; right: 2px; border: none; display: none; }
ul.photos li.hover input { display: block; }

ul.youtube { position: relative; margin: 0; padding: 0; }
ul.youtube li { font-size: 8pt; margin: 0; list-style: none; padding: 0.5em; border: solid 1px #ffffff; width: 340px; float: left; text-align: center; }
ul.youtube li div { margin: 5px; }

ul.stories { margin: 0; padding: 0; }
ul.stories li { position: relative; margin: 0; list-style: none; padding: 0.5em; border: solid 1px #ffffff; border-bottom: solid 1px #A7A9AC; }
ul.stories li.removed { color: red; text-decoration: line-through; border: solid 1px red; }
ul.stories li img { position: relative; top: 3px; } 
ul.stories li p { padding: 0.5em 2em; margin: 0; }
ul.stories li em { font-size: 8pt; }
ul.stories li input { position: absolute; top: 2px; right: 2px; border: none; display: none; }
ul.stories li.hover input { display: block; }