/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


body {
color:#666;
font-size:11px;
font-family:Arial;
background:#000 url(../img/stripe_bg.png) top left repeat;
margin:0;
}

h1 {
font-size:28px;
color:#222;
font-weight:normal;
}

h2 {
font-size:21px;
font-weight:normal;
padding-bottom:5px;
margin:0 0 2px 0px;
}

h3 {
font-size:18px;
font-weight:normal;
padding-bottom:5px;
margin:0 0 5px 0px;
}

p {
margin:0;
text-align:left;
font-size:13px;
line-height:1.3em;
}

pre {font-size:9px;}
span { margin:0; padding:0; }
a, a:active, a:visited { color:#49A0BF;text-decoration:none;border:none; }
a:hover { color:#49A0BF;text-decoration:underline;border:none; }
img {border:none;}
dl {margin:0;padding:0;}
dt {margin:0;padding:0;}
dd {margin:0;padding:0;}
li {font-size:12px;}

form {
width:100%;
float:left;
position:relative;
}

label {
color:#666;
font-size:15px;
display:block;
margin:10px 0 0 0;
}

input[type=text], input[type=password], input[type=file] {
border:1px solid #999;
font-size:18px;
font-family:Arial;
color:#999;
margin:5px 0 10px 0;
padding:10px;
width:90%;
}


textarea {
border:1px solid #999;
font-size:18px;
font-family:Arial;
color:#999;
width:90%;
padding:10px;
}


select {
font-size:18px;
font-family:Arial;
color:#999;
margin:5px 0 10px 0;
background-color:#eee;
border:1px solid #999;
padding:4px;
}

select > option {margin: 3px 5px 4px 5px;}
select > option:hover {background:#eee;}

input[type=submit], input[type=button] {
border:none;
height:37px;
width:130px;
color:#333;
font-size:11px;
cursor:pointer;
display:block;
padding:7px 10px 10px 3px;
margin:10px 0 0 0;
background:#eee url(../img/btnBG.jpg) top left repeat-x;
border:1px solid #b4b4b4;
}


div#wrapper {
width:100%;
margin:auto;
padding:0;
background:#eee url(../img/bg-main.jpg) top left repeat fixed;
border-bottom:1px solid #fff;
}


#container {
width:100%;
margin:auto;
padding:0;
}


div#header {
margin:auto;
padding:0;
width:100%;
height:95px;
float:left;
position:relative;
display:inline;
background:#222 url(../img/navBG.png) top left repeat-x;
z-index:1000;
position:fixed !important;
}

div#dropshadow {
border-top:1px solid #000;
height:10px;
width:100%;
float:left;
position:fixed;
z-index:999;
background:transparent url(../img/dropshadow.png) 0 -10px repeat-x;
}

.navigation {
float:left;
position:relative;
margin:0;
padding:0;
list-style:none;
}

.navigation li {
display:inline;
float:left;
position:relative;
height:95px;
background:#1f1f1f url(../img/navBG.png) top left repeat-x;
border-right:1px solid #444;
border-left:1px solid #000;
}

.navigation a {
padding:0;
margin:0;
float:left;
position:relative;
display:inline;
padding:35px 20px 10px 20px;
text-decoration:none;
vertical-align:middle;
font-size:14px;
}

.navigation a, .navigation a:visited {color:#eee;}
.navigation li:hover, .navigation a:focus, .navigation a:hover, .navigation a:active {
background:#111;
color:#eee;
outline:0;
visibility:inherit;
}

.navigation li.active:hover,
.navigation li.active a:hover, 
.navigation li.active {
background:#2d6380 url(/assets/js/jquery/css/custom-theme/images/ui-bg_fine-grain_30_2d6380_60x60.png) top left repeat;
outline:0;
visibility:inherit;
}

.navigation li.active a {color:#fff;}


/* Main Content Boxes */
.box {
width:100%;
margin:0;
float:left;
position:relative;
border:1px solid #B4B4B4;
}

.box .innerbox {
float:left;
position:relative;
border:1px solid #fff;
background:#f1f2f2;
width:99.8%;
}

.box .innerbox .header {
width:100%;
height:75px;
float:left;
position:relative;
}

.box .innerbox .header h1 {
font-size:28px;
color:#222;
font-weight:normal;
margin:20px 0 0 25px;
}

.box .innerbox .content {
float:left;
position:relative;
padding:0 25px 25px 25px;
}



/* Main Content Boxes */
.sidebox {
width:100%;
margin:0;
float:left;
position:relative;
border:1px solid #B4B4B4;
}

.sidebox .sideinnerbox {
float:left;
position:relative;
border:1px solid #fff;
background:#f1f2f2;
width:99.4%;
}

.sidebox .sideinnerbox .sideheader {
width:100%;
height:75px;
float:left;
position:relative;
}

.sidebox .sideinnerbox .sideheader h1 {
font-size:28px;
color:#222;
font-weight:normal;
margin:20px 0 0 0;
padding:0 0 7px 25px;
width:272px;
border-bottom:1px dotted #222;
}

.sidebox .sideinnerbox .sidecontent {
float:left;
position:relative;
padding:0 25px 25px 25px;
}




#event_grid {width:100%;}
#event_grid td {
padding:5px 10px 5px 10px;
border-top:1px solid #fff;
}
.resource-btn, .nextfact {width:250px;}
.submit-btn {width:150px;}
#countryselector {
background:#1f1f1f url(/assets/img/stripe_bg.png) top left repeat;
width:100%;
height:50px;
float:left;
position:relative;
border-top:1px solid #fff;
}

#countryselector select {
width:200px;
margin-top:7px;
margin-left:30px;
border:1px solid #fff;
}

#eventoutputwrapper {
position:relative;
float:left;
width:100%;
overflow:auto;
height:400px;
}

#eventoutputfooter {
position:relative;
float:left;
width:100%;
height:40px;
background:#1f1f1f url(/assets/img/stripe_bg.png) top left repeat;
}

#eventoutputfooter p {
padding-top:10px;
text-align:center;
color:#fff;
}

div#event-contain { width: 860px; margin: 20px 0; }
div#event-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#event-contain table td, div#event-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }

.twtr-doc {width:620px;height:300px;}
.twtr-hd, .twtr-ft {background:#2d6380 url(/assets/js/jquery/css/custom-theme/images/ui-bg_fine-grain_30_2d6380_60x60.png) top left repeat;}
.twtr-bd {border:1px solid #2d6380;}
.twtr-tweets { border:1px solid #fff; }
.twtr-timeline {background:#eee url(/assets/img/bg-main.jpg) top left repeat fixed;}



#getLocationTxt {
width:300px;
font-size:12px;
border-right:none;
}



/* Footer */
div#footer {
width:100%;
margin:auto;
padding-bottom:20px;
border-top:1px solid #eee;
color:#ccc;
background:#222 url(../img/stripe_bg.png) top left repeat;
float:left;
position:relative;
}

#footer-box {
width:100%;
}

#footer-box p {
font-family:Arial;
font-size:13px;
color:#fff;
margin-bottom:5px;
}

#footer-box p span {
padding-left:5px;
color: #90EAFC;
}


#footer-box h1 { border-left:none; padding-left:0; color:#fff; }
#footer-box .navigation { margin-left:15px; }

#footer-box .navigation li {
list-style:square;
padding:0;
margin:0;
font-family:serif;
font-style:italic;
font-size:11px;
}

#footer-box .navigation li ul { margin:0; padding-left:14px; }
#footer-box .navigation li, #footer-box .navigation li ul li { padding-top:4px; }
#footer-box .navigation a { color: #fff; text-decoration:none; }
#footer-box .navigation a:hover { color: #90EAFC; text-decoration:none; }