/**
* General stuff
* @version $Id: gca.css 4848 2013-11-10 23:33:29Z caughtatwork $
*/


body {
    color: #000; background: #fff;
    padding: 0px;
    margin: 0px;
    margin-left: 0px;
    padding: 0;
    height: 100%;
}

body, td, th, input {
	/*font-family: verdana, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
}

img {
	border: 0px;
}

#header_halloween {background: url("/pics/header_back_halloween.png") bottom right repeat-x;
	position: relative;
    	height: 60px;
    	padding: 0px;
    	margin: 0px;
}

#header_anzac {background: url("/pics/header_back_anzac.png") bottom right repeat-x;
	position: relative;
    	height: 60px;
    	padding: 0px;
    	margin: 0px;
}

#header_poppy {background: url("/pics/header_back_poppy.png") bottom right repeat-x;
	position: relative;
    	height: 60px;
    	padding: 0px;
    	margin: 0px;
}

#header_xmas {background: url("/pics/header_back_xmas.png") bottom right repeat-x;
	position: relative;
    	height: 60px;
    	padding: 0px;
    	margin: 0px;
}

#header_nyd {background: url("/pics/header_back_nyd.png") bottom right repeat-x;
	position: relative;
    	height: 60px;
    	padding: 0px;
    	margin: 0px;
}

#headline {
		padding: 5px;
		border-bottom: 1px dashed #000000;
		border-top: 1px dashed #000000;
		border-left: 1px dashed #000000;
		border-right: 1px dashed #000000;
		background-color: #FFFFDD;
    	font-size: 75%;
    	text-align: center;
}    

a:hover { 
    text-decoration: underline; 
}

div.breadcrumbs { 
    font-size: 75%; 
}

#leaderboard {
    width:100%;
    background: white url("/pics/ldrback.jpg") repeat-x;
    margin: 0px;
    padding: 5px 0px;
    text-align:center;
}

.logo {
	float: left;
	padding: 5px 2px 5px 1px;
	border: 0px;
}

dummy {
}

#header {
	position: absolute;
	z-index: 200;
}

#region {
	position: absolute;
	z-index: 5;
}


#content, #gca_footer, #garminDisplay {
	clear:both;
	margin-left: 1px;
	margin-right: 1px;
	font-size:80%;
}

table.body {
	width: 100%;
}

h1 { font-size: 180%; font-weight: normal; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc}
h2 { font-size: 160%; font-weight: normal; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc}
h3 { font-size: 100%; }
h4 { font-size: 60%; }
h5 { font-size: 60%; }
h6 { font-size: 60%; border: 0; }

a { text-decoration: none; }
a:link        { color: #039; }
a:active { color: #00f; }

/* cache links.  primary/secondary, draft, new, recommended, unavailable, archived */

a.p { }
a.draft        { color: gray; font-weight: bold; font-family: monospace;}
a.new          { font-weight: bold; }
a.recommended  { color: orange; font-weight: bold; }
a.unavailable  { color: blue; text-decoration: line-through; }
a.archived     { color: red;  text-decoration: line-through; }
a.future       { color: green; font-weight: bold;}
a.hiderschoice { color: maroon; font-weight: bold;}
a.missing      { color: blue; text-decoration: line-through;}

/* Tick lists with an icon, eg tick, cross, note, etc */

.ticklist ul {
	margin: 0 0 0 0;
	padding: 0;
}
.ticklist li.AR { list-style-image: url(/pics/icon_crystal_admin_review.png); }
.ticklist li.A { list-style-image: url(/pics/icon_crystal_sm_attended.png); }
.ticklist li.B { list-style-image: url(/pics/icon_crystal_sm_published.gif); }
.ticklist li.C { list-style-image: url(/pics/icon_maintdone.png); }
.ticklist li.D { list-style-image: url(/pics/icon_crystal_sm_dnf.gif); }
.ticklist li.E { list-style-image: url(/pics/icon_excl.gif); }
.ticklist li.F { list-style-image: url(/pics/icon_crystal_sm_found.gif); }
.ticklist li.G { list-style-image: url(/pics/icon_crystal_sm_grab_swaggie.gif); }
.ticklist li.H { list-style-image: url(/pics/icon_crystal_sm_moved.gif); }
.ticklist li.I { list-style-image: url(/pics/icon_crystal_sm_disabled.gif); }
.ticklist li.J { list-style-image: url(/pics/icon_update_coords.gif); }
.ticklist li.L { list-style-image: url(/pics/icon_crystal_sm_enabled.gif); }
.ticklist li.M { list-style-image: url(/pics/icon_crystal_sm_needs_maint.gif); }
.ticklist li.N { list-style-image: url(/pics/icon_crystal_sm_note.gif); }
.ticklist li.O { list-style-image: url(/pics/icon_crystal_sm_drop_swaggie.gif); }
.ticklist li.P { list-style-image: url(/pics/icon_crystal_sm_camera.gif); }
.ticklist li.T { list-style-image: url(/pics/icon_crystal_sm_note.gif); }
.ticklist li.U { list-style-image: url(/pics/icon_unarchived.gif); }
.ticklist li.V { list-style-image: url(/pics/icon_bang.gif); }
.ticklist li.W { list-style-image: url(/pics/icon_crystal_sm_will_attend.gif); }
.ticklist li.X { list-style-image: url(/pics/icon_blank.gif); }
.ticklist li.Z { list-style-image: url(/pics/icon_crystal_sm_hidden.gif); }
.ticklist li.0 { list-style-image: url(/pics/icon_blank.gif); }
.ticklist li.1 { list-style-image: url(/pics/icon_blank.gif); }

/* Footer */

#footer {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	clear:both;
	margin-top: 25px;
	margin-left: -1px;
	margin-right: -1px;
	padding: 5px 0px 0px 0px;
	text-align:center;
	background: #F7F7F7;
}

#footer p {border-top: 1px solid #ccc}

/* Relative sizing: NOTE relative to the container not necessarily the text size */

.smaller1 { font-size: 90%;  }
.smaller2 { font-size: 80%;  }
.smaller3 { font-size: 70%;  }
.smaller4 { font-size: 60%;  }
.smaller5 { font-size: 50%;  }
.smaller6 { font-size: 40%;  }
.larger1  { font-size: 110%; }
.larger2  { font-size: 120%; }
.larger3  { font-size: 130%; }
.larger4  { font-size: 140%; }
.larger5  { font-size: 150%; }
.larger6  { font-size: 160%; }

td.gallery  {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
			
.error  { color: #ff0000; }

.hoverdark:hover {
 	background-color: #D0D0D0;
}

.hoverlight:hover {
 	background-color: #D0D0D0;
}

.hoverdark {
 	background-color: #EAEAEA;
}

td.border         {
	color: #333;
	padding: 2px;
/*	background-color: #F3F4F8;*/
	background-color: #E2E0FF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

table.stdtable { 
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}

table.stdtable td { 
	padding: 2px;
}

.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000)";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')
}


table.prox { 
			width: 100%;
			background-color: #FFFFDD
}

.notification {
			overflow: auto;
			border: 1px solid;
			margin: 5px 5px 0px 0px;
			padding: 2px 2px 2px 65px;
			background-repeat: no-repeat;
			background-position: 10px center;
			color: #9F6000;
			background-color: #FEEFB3;
			background-image:url('/pics/icon_crystal_lg_important.gif');
			min-height:50px;
}

.msgbox {
			width: 99%;
			padding: 2px;
			border-bottom: 1px dashed #000000;
			border-top: 1px dashed #000000;
			border-left: 1px dashed #000000;
			border-right: 1px dashed #000000;
			background-color: #FFFFDD;
			}

.infobox {
			width: 99%;
			padding: 2px;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			background: url(/pics/log_bg_yellow_medium.png) repeat-x;
			background-color: #FFFFDD;
			}

.matebox {
			overflow: hidden;
			float: left;
			width: 32%;
			height: 160px;
			padding: 2px;
			margin: 2px;
			background: url(/pics/log_bg_grey_horizontal_600.png) repeat-y;
			color: #333;
			border-bottom: 2px solid #CCCCCC;
			border-top: 2px solid #CCCCCC;
			border-left: 2px solid #CCCCCC;
			border-right: 2px solid #CCCCCC;
			}

.genealogybox {
			text-align: center;
			padding: 5px;
			margin: 2px;
			background-color: #CCCCCC;
			color: #333;
			border-bottom: 2px solid #000000;
			border-top: 2px solid #AAAAAA;
			border-left: 2px solid #000000;
			border-right: 2px solid #AAAAAA;
			}

.pagerbox {
			text-align: center;
			padding: 0px 2px 2px 2px;
			background-color: #CCCCCC;
			color: #333;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #AAAAAA;
			border-left: 1px solid #000000;
			border-right: 1px solid #AAAAAA;
			}

.headermessage {
			width: 99%;	
			padding: 2px;
			border-bottom: 1px dashed #000000;
			border-top: 1px dashed #000000;
			border-left: 1px dashed #000000;
			border-right: 1px dashed #000000;
			background-color: #FFFFDD;
			}

.headermessagefail   {
			width: 99%;	
			padding: 2px;
			border-bottom: 1px dashed #000000;
			border-top: 1px dashed #000000;
			border-left: 1px dashed #000000;
			border-right: 1px dashed #000000;
			background-color: #ff4242;
			}

.recommended { color: orange; font-weight: bold; }
.message1 { color: blue; font-weight: bold; }
.message2 { color: green; font-weight: bold; }
.message3 { color: red; font-weight: bold; }
.message4 { color: orange; font-weight: bold; }
.message5 { color: maroon; font-weight: bold; }
.message6 { color: brown; font-weight: bold; }
.message7 { color: yellow; font-weight: bold; }
.message8 { color: silver; font-weight: bold; }
.message9 { color: grey; font-weight: bold; }

.dark  { background-color: #EAEAEA; }
.light { background-color: #FFFFFF; }
.uline { border-bottom: 1px solid #CCCCCC; }

.imgborder1 {
	border: 1px solid #000000;
}

div.dark {
	float: left;
	width: 100%;
	background-color: #EAEAEA;
	padding: 2px;
}

div.light {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	padding: 2px;
}

.pager {
	text-align: left;
	width: 98%;
    	padding-top: 5px;
    	padding-bottom: 5px;
	padding-left: 2px;
	}

.shop_item {
	float: left;
	width: 98%;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div.floater {
	float: left;
}

div.floater2 {
	float: left;
	width: 2%;
}

div.floater3 {
	float: left;
	width: 3%;
}

div.floater5 {
	float: left;
	width: 5%;
}

div.floater15 {
	float: left;
	width: 15%;
}

div.floater10 {
	float: left;
	width: 10%;
}

div.floater20 {
	float: left;
	width: 20%;
}

div.floater20right {
	float: right;
	width: 20%;
}

div.floater25 {
	float: left;
	width: 25%;
}

div.floater25ra {
	float: left;
	width: 25%;
	text-align: right;
}

div.floater30 {
	float: left;
	width: 30%;
}

div.floater30ra {
	float: left;
	width: 30%;
	text-align: right;
}

div.floater33 {
	float: left;
	width: 33%;
}

div.floater40 {
	float: left;
	width: 40%;
}

div.floater55 {
	float: left;
	width: 55%;
}

div.floater50 {
	float: left;
	width: 50%;
}

div.floater60 {
	float: left;
	width: 60%;
}

div.floater65 {
	float: left;
	width: 65%;
}

div.floater70 {
	float: left;
	width: 70%;
}

div.floater75 {
	float: left;
	width: 75%;
}

div.floater80 {
	float: left;
	width: 80%;
}

div.floater90 {
	float: left;
	width: 90%;
}

div.floater95 {
	float: left;
	width: 95%;
}

div.floater100 {
	float: left;
	width: 100%;
}

div.floatpad2 {
	float: left;
	width: 2%;
	padding: 2px;
}

div.floatpad3 {
	float: left;
	width: 3%;
	padding: 2px;
}

div.floatpad5 {
	float: left;
	width: 5%;
	padding: 2px;
}

div.floatpad5right {
	float: right;
	width: 5%;
	padding: 2px;
}

div.floatpad8 {
	float: left;
	width: 8%;
	padding: 2px;
}

div.floatpad15 {
	float: left;
	width: 15%;
	padding: 2px;
}

div.floatpad10 {
	float: left;
	width: 10%;
	padding: 2px;
}

div.floatpad20 {
	float: left;
	width: 20%;
	padding: 2px;
}

div.floatpad20right {
	float: left;
	width: 20%;
	padding: 2px;
	text-align: right;
}

div.floatpad25 {
	float: left;
	width: 25%;
	padding: 2px;
}

div.floatpad30 {
	float: left;
	width: 30%;
	padding: 2px;
}

div.floatpad33 {
	float: left;
	width: 33%;
	padding: 2px;
}

div.floatpad40 {
	float: left;
	width: 40%;
	padding: 2px;
}

div.floatpad45right {
	float: left;
	width: 45%;
	padding: 2px;
	text-align: right;
}

div.floatpad50 {
	float: left;
	width: 50%;
	padding: 2px;
}

div.floatpad55 {
	float: left;
	width: 55%;
	padding: 2px;
}

div.floatpad55right {
	float: left;
	width: 55%;
	padding: 2px;
	text-align: right;
}

div.floatpad60 {
	float: left;
	width: 60%;
	padding: 2px;
}

div.floatpad65 {
	float: left;
	width: 65%;
	padding: 2px;
}

div.floatpad70 {
	float: left;
	width: 70%;
	padding: 2px;
}

div.floatpad75 {
	float: left;
	width: 75%;
	padding: 2px;
}

div.floatpad80 {
	float: left;
	width: 80%;
	padding: 2px;
}

div.floatpad90 {
	float: left;
	width: 90%;
	padding: 2px;
}

div.floatpad95 {
	float: left;
	width: 95%;
	padding: 2px;
}

div.floatpad100 {
	float: left;
	width: 100%;
	padding: 2px;
}

#clockdiv {
			width: 525px;
			height: 525px;
			text-align: center;
			vertical-align : middle;
			display : table-cell;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			background-color: #FFFFFF;
			}

.jumpbox {
	margin:0;
	padding:0;
}

select.navbox {
	font-size: 60%;
}

.navboxespos {
	float: left;
     position: absolute;
     bottom: 5px;
     right: 5px;
}

.navboxpos {
	float: left;
	position: relative;
}

.ticker{
	width: 98%;
	height: 265px;
	overflow: auto;
	padding: 2px;
	margin: 2px 0 0 0;
	background-color: #FFFFDD;
	border: 1px solid #000000;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
	-moz-opacity: 0.8;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
	font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
	color: gray;
	font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

#loadmoreswrapper{
}

.idTabs {
	float:left;
	text-align:left;
	width:99%;
}
.idTabs li {
	float:left;
	list-style:none;
}
.idTabs li a {
	height:18px;
	display: block;
	margin: 1px 1px 0px 1px;
	padding:5px 5px 5px 5px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	border: 1px solid #C0C0C0;
	vertical-align:middle;
}
.idTabs li a:hover {
	background:#EEEEEE;
	color:#000000;
}
.idTabs li a.selected {
	background:#606A7F;
	color:#FFFFFF;
}
.idTabs span.loadmoreajaxloader {
	float:left;
}
.items div {
	float:left;
	width: 100%;
	height: 100%;
	display:none;
	margin:-1px 0px 0px 0px;
	padding:5px;
	border:1px solid #C0C0C0;
}