/*******************************************************************************
 Author: Roy Lindauer
 Extended from 960gs text.css
 Project: VisionQuest
 Date: December 2009
 Version: 1.0
******************************************************************************/
body {
  font: 68%/1.5 Verdana, Arial, sans-serif;
  color: #5f5f5f;
  background: #ffffff;
  margin:0;
  padding:0;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 20px;
}


#Content{
  float: right;
  padding: 0 10px;
  margin: 0;
  width: 690px;  
}



/****************************************************************************** 
 Sidebar
******************************************************************************/
#Sidebar{
  width: 240px;
  float: left;
}
#SidebarMenu{
  background: url(../img/static/sidebar_background.gif) no-repeat bottom left #3e3e3e;
  padding: 0;
  margin: 0 0 2em 0;
  position: relative;
}
#SidebarMenuTop{
  background: url(../img/static/sidebar_menu_top.gif) no-repeat #3e3e3e;
  height: 40px;
}
#SidebarMenuContent{
  padding: 10px;
  margin-top: -30px;
}
#SidebarMenu hr{
  border-color: #3e3e3d;
}

#SidebarMenu ul{
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  text-shadow: 1px 1px 2px #111;
}
#SidebarMenu ul li{
  list-style: none;
  margin: 0;
  padding: 0;
}
#SidebarMenu ul li a{
  color: #f0eeeb;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 0 10px;
}
#SidebarMenu ul li a:hover{
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  background: #292929;
  display: block;
}
#Sidebar h2{}

#BecomePartnerLink{
  height: 40px;
  width: 240px;
  background: url(../img/static/become_partner_sprite.gif) no-repeat;
  padding: 0;
  margin: 0 0 2em 0;
  display: block;
  text-indent: -999999px;
}
#BecomePartnerLink:hover{
  background-position: 0 -40px;
}

/******************************************************************************
 Headings 
******************************************************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, sans-serif;
  margin-top: 0;
}
#Content h1 {
  font-family:"Helvetica", Arial, sans-serif;
  font-size: 2.18em;
  font-weight: normal;
  color: #606060;
  padding:0 5px;
  margin: 0 0 1em 0;
  word-spacing:-0.05em;
  text-transform: uppercase;
}

#Content h1.page-title {
  text-align: center;
  color:#f3f3f3;
  text-transform:uppercase;
  font-size:1.2em;
  letter-spacing:.3em;
  background:#bd5527;
  padding:0 5px;
  margin: 0 0 1em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border:1px solid #b15025;
}
#Content h2{
  font-size: 1.27em;
  font-weight: bold;
  color: #f8991d;
  text-transform: uppercase;
  word-spacing:-0.05em;
  margin: 0 0 1em 0;
  border-bottom: 2px solid #e2ded9;
}
#Sidebar h2{
  font-size: 1.27em;
  font-weight: normal;
  color: #f0eeeb;
  text-transform: uppercase;
  word-spacing:-0.05em;
  margin: 0 0 .5em 0;
}
#Content h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #808080;
  margin: 0 0 1em 0;
  word-spacing:-0.05em;
  text-transform: uppercase;
}
#Content h4 {
  font-size: 1em;
  font-weight: normal;
  color: #002147;
}
#Content h5 {
  font-size: 1em;
  font-weight: normal;
  color: #002147;
}
#Content h6 {
  font-size: .9em;
  font-weight: normal;
  color: #002147;
}

/******************************************************************************
 Paragraphs 
******************************************************************************/
p {
  line-height: 2em;
}
#Footer p{
  color: #28231e;
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0;
}

/******************************************************************************
 Lists 
******************************************************************************/
ol {
  list-style: decimal;
}
ul {
  list-style: square;
}
li {
  padding-left: 0;
  margin-left: 40px;
  line-height:2em;
}
ul ul, ol ol {
  margin: 2px 0;
  color: #b5ab95;
}
#Sidebar ul{
  list-style:disc;
  margin-left:10px;
}
#Sidebar li{
  margin:0;
  display:list-item;
}
dl {
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 20px;
}

/******************************************************************************
 Basic Presentational Elements
******************************************************************************/
b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
sup {
  vertical-align: baseline;
  font-size: 0.7em;
  position: relative;
  top: -0.6em;
}
sub {
  vertical-align: baseline;
  font-size: 0.7em;
  position: relative;
  bottom: -0.4em;
}
pre {
  font-size: 1.1em;
  font-family: "Courier New", Courier, monospace;
  color: #222222;
  background: #e8e8e8;
  border: 1px solid #b5b5b5;
  padding: 3px 6px;
  overflow: auto;
  white-space:pre;
  height:150px;
}
code {
  font-size: 1.1em;
  font-family: "Courier New", Courier, monospace;
  color: #222222;
}
blockquote {
  color: #5f5f5f;
  font: normal 1.5em Georgia, Times, serif;
  line-height: 2em;
  margin: 0 0 2em 0;
  padding: 10px 20px;
  background: #e9e6e2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
acronym {
  cursor: help;
  border-bottom: 1px dotted;
}
hr {
  border: 0px solid #d8d5cd;
  border-top-width: 1px;
  border-bottom-width: 1px;
  clear: both;
  padding: 1px;
}
/****************************************************************************** 
 Links
******************************************************************************/
a {
  color: #047ec4;
  text-decoration: underline;
}
a:link {
  color: #047ec4;
  text-decoration: underline;
}
a:visited {
  color: #047ec4;
  text-decoration: underline;
}
a:hover {
  color: #002147;
  text-decoration: underline;
}
a:active {
  color: #002147;
  text-decoration: underline;
}
a.action{
  float:right;
  color:#f63535;
  text-decoration:none;
}
a.action:hover{
  color:#f63535;
  text-decoration:underline;
}


/****************************************************************************** 
 General Styles
******************************************************************************/
.small {
  font-size: .8em;
}
.smaller {
  font-size: 0.75em;
}
.large {
  font-size: 1.3em;
  line-height:2em;
}
.center {
  text-align: center;
}
.loud {
  color: #990000;
}
.quiet {
  color: #b5ab95;
}
.hide {
  display: none;
}
.left {
  float: left;
  margin: 0 2em 2em 0;
}
.right {
  float: right;
  margin: 0 0 2em 2em;
}
.caption {
  display: block;
  background: #e8e8e8;
  font-size: .9em;
  color: #002147;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding:0 5px 5px 5px;
}
.border {
  border: 1px solid #989898;
}
.underline {
  border-bottom: 1px dotted;
}
.strike {
  text-decoration: line-through;
}
.highlight {
  color: #9F6000;
  background-color: #FEEFB3;
}
.quote{
  background:#f3f3f3;
  padding:0;
  margin-bottom:20px;
  text-indent:30px;
  font-size:1em;
}
.quote .small{
  text-indent:0;
  text-align:right;
  font-style:italic;
}
.space{
  line-height:2em;
}
.announce{
  display:block;
  background: #e8e8e8;
  font-size:1.1em;
  color: #002147;
  border:1px solid #cccccc;
  padding:0 5px 5px 5px;
  text-align:center;
}

/****************************************************************************** 
 Form Controls
******************************************************************************/
/*
fieldset{}
legend{
  font-weight:bold;
}
label{
  padding:0 5px 0 0;
}
input.text{
  border: 1px inset #f3f3f3;
  padding:3px;
  color:#666666;
}
input.checkbox{}
input.radio{}
input.submit{}
input.button{}
textarea{
  border: 1px inset #f3f3f3;
  padding:3px;
  color:#666666;
}
select{
  border: 1px inset #f3f3f3;
  padding:3px;
  color:#666666;
  outline:none;
}
*/

/****************************************************************************** 
 Structure & Layout
******************************************************************************/
.container{
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#Header{
  position: relative;
  height: 70px;
  z-index: 1;
}
#Footer{
  clear: both;
  background: url(../img/divider.gif) no-repeat top left;
  margin: 20px auto 0 auto;
  padding: 20px 0;
  text-align: center;
}
#Logo{
  margin: 0;
  padding: 0;
  width: 490px;
  height: 70px;
  display: block;
  text-indent: -999999px;
}
#Logo a:link,
#Logo a:visited{
  width: 490px;
  height: 70px;
  display: block;
  background: url(../img/Logo.png)
}
#Logo a:hover,
#Logo a:active{
  /* filter:alpha(opacity=90); */
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

/* menus */
#HeaderMenu{
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 35px;
  z-index:999999;
}
#HeaderMenu li{
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
  position:relative;
}

#HeaderMenu li a:link,
#HeaderMenu li a:visited{
  font: normal 1em/1em Verdana, Helvetica, Arial, sans-serif;
  color: #222222;
  text-decoration: none;
  padding:8px;
  text-transform:uppercase;
}
#HeaderMenu li a:hover,
#HeaderMenu li a:active{
  font: normal 1em/1em Verdana, Helvetica, Arial, sans-serif;
  color: #000;
  text-decoration: none;
  padding:8px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  text-transform:uppercase;
}
/* header menu submenu links */
#HeaderMenu li li a:link,
#HeaderMenu li li a:visited,
#HeaderMenu li li a:hover,
#HeaderMenu li li a:active{
  padding:2px;
}

/* header menu submenu */
#HeaderMenu .mega div.submenu{
  display:none;
  position: absolute;
  width:20em;
  top: 1.7em;
  left: 0em;
  padding: 1em .5em;
  background: #f0eeeb;
  color: #930;
  z-index:99999999;
  filter:alpha(opacity=80);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
  -webkit-box-shadow:  1px 1px 2px rgba(0,0,0,.5);
  box-shadow:  1px 1px 2px rgba(0,0,0,.5);
}
/* show submenu on hover */
#HeaderMenu li.hovering div.submenu{
  display:block;
}
#HeaderMenu li.mega > a{
  background:url(/assets/img/downarrow.gif) no-repeat center right;
  margin-right:10px;
}

#HeaderMenu li ul{
  list-style: disc;
  margin-left:20px;
}
#HeaderMenu li ul li{
  display:list-item;
  float:none;
  padding:3px;
  margin:0;
}

#UserMenu{
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 10px;
}
#UserMenu li{
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
}
#UserMenu li a:link,
#UserMenu li a:visited{
  font: bold .8em/1em Verdana, Helvetica, Arial, sans-serif;
  color: #222222;
  text-decoration: none;
  padding:0 8px;
}
#UserMenu li a:hover,
#UserMenu li a:active{
  font: bold .8em/1em Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  text-decoration: none;
  padding:0 8px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#UserMenu img{
  vertical-align: text-bottom;
}

ul#FooterMenu{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul#FooterMenu li{
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  text-align: center;
}
ul#FooterMenu li a:link,
ul#FooterMenu li a:visited{
  padding: 2px;
  color: #b7a699;
  text-decoration: none;
  text-transform: uppercase;
}
ul#FooterMenu li a:hover,
ul#FooterMenu li a:active{
  padding: 2px;
  color: #28231e;
  text-decoration: underline;
  text-transform: uppercase;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

#LoginBox{
  position:relative;
  display:block;
  background:#ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 30px rgba(0,0,0,.8);
  -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,.8);
  box-shadow: 2px 2px 30px rgba(0,0,0,.8);
}
#LoginBox input[type=text],
#LoginBox input[type=password]{
  font-size:1.5em;
  padding:2px;
  width:93%;
}
#LoginBox .menu-dialog{
  border:none;
  background:none;
  margin-bottom: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#LoginBox .menu-dialog .item{
  font-size:1.3em;
}
#LoginBox .menu-dialog .title-bar {
  width: 100%;
  border: 0px none;
  -moz-border-radius-topleft: 0; 
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  background:none;
  border-bottom: none;
}
#LoginBox .login-buttons .button{
  float:right;
}

.simplemodal-overlay{
  background:#000;
  opacity:.8;
}
#simplemodal-container a.modalCloseImg {
  background:url(/assets/img/x.png) no-repeat; /* adjust url as required */
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-5px;
  right:-8px;
  cursor:pointer;
}


/* awesome buttons */
/*
 stack classes to create awesome buttons, 
 ex: <a href="#" class="button SIZE COLOR">Your Text</a>
 add a class of "wide" to make button fill width of parent element. 
 sizes: small, med, large
 colors: generic (theme standard), orange, red, blue, green.
*/
a.button{
  display: inline-block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  text-transform:uppercase;
  letter-spacing:normal;
  text-align:center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  margin:0 5px 20px 5px;
  background-image:url(../img/awesome_button_overlay.png);
  background-repeat:repeat-x;
  background-position: top;
}
a.button:link, 
a.button:visited, 
a.button:hover, 
a.button:active{
  color: #ffffff;
  text-decoration: none;
}
a.btn_small{
  font-size:1em;
}
a.btn_med{
  font-size:1.2em;
}
a.btn_large{
  font-size:1.5em;
}
a.button.btn_wide{
  display: block;
  width:100%;
  padding:10px 0;
}

a.generic:link, a.generic:visited {
  background-color: #f39100;
}
a.generic:hover, a.generic:active {
  background-color: #3e3e3e;
}
a.green:link, a.green:visited{
  background-color:#91b441;
}
a.green:hover, a.green:active{
  background-color:#6e8831;
}
a.blue:link, a.blue:visited {
  background-color: #2daebf;
}
a.blue:hover, a.blue:active {
  background-color: #25909e;
}
a.red:link, a.red:visited {
  background-color: #e11f1f;
}
a.red:hover, a.red:active {
  background-color: #c11a1b;
}
a.orange:link, a.orange:visited {
  background-color: #d88924;
}
a.orange:hover, a.orange:active {
  background-color: #c17a20;
}

.sup_links{
  margin:20px 0;
  clear:both;
}