/****** FILE: themes/mitto/css/blueprint/compressed/screen.css *****/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1.5;
background:#fff;
font-size:75%;
color:#222;
font-family: "Helvetica", "Lucida Grande", Arial, Verdana, sans-serif;
margin:1.5em 0;
}

table {
border-collapse:separate;
border-spacing:0;
margin-bottom:1.4em;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:;
}

a img {
border:none;
}

h1,h2,h3,h4,h5,h6 {
color:#111;
font-family:"Helvetica Condensed", "Helvetica", Arial, "Lucida Grande", sans-serif;
font-weight:400;
}

h1 {
font-size:3em;
line-height:1;
margin-bottom:.5em;
}

h2 {
font-size:2em;
margin-bottom:.75em;
}

h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
font-weight:700;
}

h4 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
font-weight:700;
}

p.last {
margin-bottom:0;
}

p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}

p img.top {
margin-top:0;
}

ul,ol {
list-style-position:outside;
margin:1.5em 0;
}

ul {
list-style-type:circle;
}

ol {
list-style-type:decimal;
}

dl {
margin:1.5em 0;
}

abbr,acronym {
border-bottom:1px dotted #666;
}

address {
margin-top:1.5em;
font-style:italic;
}

a:focus,a:hover {
color:#000;
}

a {
color:#009;
text-decoration:underline;
}

blockquote {
color:#666;
font-style:italic;
margin:1.5em;
}

pre,code {
white-space:pre;
margin:1.5em;
}

pre,code,tt {
font:1em 'andale mono', monotype.com, 'lucida console', monospace;
line-height:1.5;
}

tt {
display:block;
line-height:1.5;
margin:1.5em 0;
}

th {
border-bottom:2px solid #ccc;
font-weight:700;
}

td {
border-bottom:1px solid #ddd;
}

th,td {
padding:4px 10px 4px 0;
}

table .last {
padding-right:0;
}

.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

.quiet {
color:#666;
}

.hide {
display:none;
}

.container {
width:950px;
margin:0 auto;
}

.column {
float:left;
margin-right:10px;
}

.last {
margin-right:0;
}

.span-1 {
width:30px;
}

.span-2 {
width:70px;
}

.span-3 {
width:110px;
}

.span-4 {
width:150px;
}

.span-5 {
width:190px;
}

.span-6 {
width:230px;
}

.span-7 {
width:270px;
}

.span-8 {
width:310px;
}

.span-9 {
width:350px;
}

.span-10 {
width:390px;
}

.span-11 {
width:430px;
}

.span-12 {
width:470px;
}

.span-13 {
width:510px;
}

.span-14 {
width:550px;
}

.span-15 {
width:590px;
}

.span-16 {
width:630px;
}

.span-17 {
width:670px;
}

.span-18 {
width:710px;
}

.span-19 {
width:750px;
}

.span-20 {
width:790px;
}

.span-21 {
width:830px;
}

.span-22 {
width:870px;
}

.span-23 {
width:910px;
}

.span-24 {
width:950px;
margin:0;
}

.append-1 {
padding-right:40px;
}

.append-2 {
padding-right:80px;
}

.append-3 {
padding-right:120px;
}

.append-4 {
padding-right:160px;
}

.append-5 {
padding-right:200px;
}

.append-6 {
padding-right:240px;
}

.append-7 {
padding-right:280px;
}

.append-8 {
padding-right:320px;
}

.append-9 {
padding-right:360px;
}

.append-10 {
padding-right:400px;
}

.append-11 {
padding-right:440px;
}

.append-12 {
padding-right:480px;
}

.append-13 {
padding-right:520px;
}

.append-14 {
padding-right:560px;
}

.append-15 {
padding-right:600px;
}

.append-16 {
padding-right:640px;
}

.append-17 {
padding-right:680px;
}

.append-18 {
padding-right:720px;
}

.append-19 {
padding-right:760px;
}

.append-20 {
padding-right:800px;
}

.append-21 {
padding-right:840px;
}

.append-22 {
padding-right:880px;
}

.append-23 {
padding-right:920px;
}

.prepend-1 {
padding-left:40px;
}

.prepend-2 {
padding-left:80px;
}

.prepend-3 {
padding-left:120px;
}

.prepend-4 {
padding-left:160px;
}

.prepend-5 {
padding-left:200px;
}

.prepend-6 {
padding-left:240px;
}

.prepend-7 {
padding-left:280px;
}

.prepend-8 {
padding-left:320px;
}

.prepend-9 {
padding-left:360px;
}

.prepend-10 {
padding-left:400px;
}

.prepend-11 {
padding-left:440px;
}

.prepend-12 {
padding-left:480px;
}

.prepend-13 {
padding-left:520px;
}

.prepend-14 {
padding-left:560px;
}

.prepend-15 {
padding-left:600px;
}

.prepend-16 {
padding-left:640px;
}

.prepend-17 {
padding-left:680px;
}

.prepend-18 {
padding-left:720px;
}

.prepend-19 {
padding-left:760px;
}

.prepend-20 {
padding-left:800px;
}

.prepend-21 {
padding-left:840px;
}

.prepend-22 {
padding-left:880px;
}

.prepend-23 {
padding-left:920px;
}

.border {
padding-right:4px;
margin-right:5px;
border-right:1px solid #ddd;
}

.colborder {
padding-right:24px;
margin-right:25px;
border-right:1px solid #ddd;
}

.pull-1 {
margin-left:-40px;
}

.pull-2 {
margin-left:-80px;
}

.pull-3 {
margin-left:-120px;
}

.pull-4 {
margin-left:-160px;
}

.push-0 {
margin:0 0 0 18px;
}

.push-1 {
margin:0 -40px 0 18px;
}

.push-2 {
margin:0 -80px 0 18px;
}

.push-3 {
margin:0 -120px 0 18px;
}

.push-4 {
margin:0 -160px 0 18px;
}

.push-0,.push-1,.push-2,.push-3,.push-4 {
float:right;
}

.box {
margin-bottom:1.5em;
background:#eee;
padding:1.5em;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:0 0 1.4em;
}

hr.space {
background:#fff;
color:#fff;
}

.clear {
display:block;
}

.clear:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clear {
height:1%;
}

.error,.notice,.success {
margin-bottom:1em;
border:2px solid #ddd;
padding:.8em;
}

.error {
background:#FBE3E4;
color:#D12F19;
border-color:#FBC2C4;
}

.notice {
background:#FFF6BF;
color:#817134;
border-color:#FFD324;
}

.success {
background:#E6EFC2;
color:#529214;
border-color:#C6D880;
}

.error a {
color:#D12F19;
}

.notice a {
color:#817134;
}

.success a {
color:#529214;
}

fieldset {
border:1px solid #ddd;
margin:1.5em 0;
padding:1.4em;
}

input[type=text],input.text {
width:250px;
}

textarea {
width:350px;
height:250px;
}

label {
text-transform:uppercase;
font-weight:700;
font-size:.9em;
}

p,img {
margin:0 0 1.5em;
}

ul ol,ol ul,ul ul,ol ol,dd {
margin-left:1.5em;
}

dl dt,strong,dfn,legend {
font-weight:700;
}

em,dfn,tfoot {
font-style:italic;
}

img.right { float:right;margin:1.5em 0 1.5em 1.5em }


/****** FILE: themes/mitto/css/main.css *****/

html {
	background: none;
}

body {
	background: #fff url('../images/bg.jpg') repeat-x !important;
	margin: 0 0 1.5em 0 !important;
}

/* ============== */
/* = typography = */
/* ============== */

body {
	font-family: Frutiger,"Frutiger Linotype",Univers,Calibri,"Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-family: "Helvetica Light", HelveticaLight, HelveticaNeueLight, Helvetica Neue Light, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important;
font-weight: normal;
}

.content h1 {
	font-weight: normal !important;
	color: #202a5a;
	margin-bottom: 1em;
}

h2 { color: #4155A1; }
h3 { color: #F1AD2D; font-family: Helvetica, Ariel, sans-serif !important; }

.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-size: 1.8em;
  line-height: 80%; /* Maintain correct baseline */
  font-style: italic;
  font-weight:normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; 
} 


form span.middleColumn {
	display: block;
}

.content ul {
	margin-left:1.5em;
}

.content ul li {
	list-style-type: disc;
}

/* ============= */
/* = structure = */
/* ============= */

.header {
	background-color: transparent !important;
	height: 125px;
}

.header .logo a{
	background: transparent url('../images/mittto.logo.png') top left;
	height: 90px;
	width: 388px;
	display: block;
	float:left;
	margin-top: 1.5em;
}

.header .logo span {
	display: none;
}

.container {
	background: transparent url('../images/page.bg.png') 0px -26px no-repeat;
	padding: 0 22px;
}

.with_subnav {
	background: transparent url('../images/about.page.bg.png') 22px -36px	no-repeat;
}

.content {
	min-height: 500px;
	padding-top: 1em;
}

/* =========== */
/* = NAV BAR = */
/* =========== */

.header ul#top-nav {
	clear:right;
	float: right;
	margin: 20px 10px 0px 0px;
}

.header #top-nav li {
	list-style: none;
	float:left;
	margin: 0 10px 0 0;
}

.header #top-nav a {
	display: block;
	height: 27px;
	background-image: url(../images/navbar.png);
	background-repeat: no-repeat;
}

#top-nav li#home a {
	background-position: 0px 0px;
	width: 83px;
}

#top-nav li#tour a {
	background-position: -83px 0px;
	width: 64px;
}

#top-nav li#about a {
	background-position: -147px 0px;
	width: 88px;
}

#top-nav li#blog a {
	background-position: -235px 0px; 
	width: 64px;
}

#top-nav li#support a {
	background-position: -299px 0px;
	width: 112px;
}

#top-nav li#home a:hover  { background-position: 0px -50px;}
#top-nav li#tour a:hover  { background-position: -83px -50px;}
#top-nav li#about a:hover  { background-position: -147px -50px;}
#top-nav li#blog a:hover  { background-position: -235px -50px;}
#top-nav li#support a:hover  {	background-position: -299px -50px;}

#top-nav li#home a:active  	, #top-nav li#home a.current  	, #top-nav li#home a.section   { background-position: 0px -100px;}
#top-nav li#tour a:active  	, #top-nav li#tour a.current  	, #top-nav li#tour a.section   { background-position: -83px -100px;}
#top-nav li#about a:active  , #top-nav li#about a.current  	, #top-nav li#about a.section  { background-position: -147px -100px;}
#top-nav li#blog a:active  	, #top-nav li#blog a.current  	, #top-nav li#blog a.section   { background-position: -235px -100px;}
#top-nav li#support a:active, #top-nav li#support a.current	, #top-nav li#support a.section{ background-position: -299px -100px;}

#top-nav li a span {
	display: none;
}

/*.header #top-nav a:hover, .header a.section, .header a.current {
	background-color: #fff !important;
}*/

/* ================ */
/* = Search Stuff = */
/* ================ */

#topbar {
	float:right;
	width:360px;
	background: #fff0cf url(../images/sprites.frontpage.png) -80px -30px no-repeat;
	height:50px;
	margin-bottom:12px;
}

#topbar .topbar_login span, #topbar .topbar_signup span {
	display: none;
}

#topbar a.topbar_login {
	display: block;
	width: 72px;
	height: 36px;
	background: url(../images/sprites.frontpage.png) 0px -109px no-repeat;
	float: left;
}

#topbar a.topbar_signup {
	display: block;
	width: 71px;
	height: 36px;
	background: url(../images/sprites.frontpage.png) 0px -30px no-repeat;
	float: left;
}

#topbar a.topbar_signup:hover {
	background: url(../images/sprites.frontpage.png) 0px -69px no-repeat;
}

#topbar a.topbar_login:hover {
	background: url(../images/sprites.frontpage.png) 0px -149px no-repeat;
}

#SearchForm_SearchForm {
	float: left;
}

#SearchForm_SearchForm fieldset {
	border: 0;
	padding: 8px 13px 28px 27px;
	margin: 0;
	width: 167px;
}
#SearchForm_SearchForm legend {
	display: none; 
     position: absolute; 
     visibility: hidden;
}
#SearchForm_SearchForm #Search {
	float: left;
	margin-right: 3px;
}
#SearchForm_SearchForm_Search {
	width: 110px;
}

/* ============= */
/* = Home Page = */
/* ============= */

#HomePage .content {
	padding-top: 0;
}

#HomePage #Form_Form fieldset{
	margin:0 0 1.5em 0;
	padding: 0;
	border: 0;
}

#HomePage #Form_Form input.text {
	width: 230px;
}

#HomePage #feature {
	height: 360px;
	width:950px;
	background: transparent url(../images/feature/feature.bg.png) no-repeat;
	border-bottom: 1px solid #C2CDEF
}

#feature .feature_title span, #feature .feature_signup span, #feature .feature_tour span {
	display: none;
}

#feature .feature_title {
	width: 316px;
	height: 74px;
	background: transparent url(../images/sprites.frontpage.png) -80px -242px no-repeat;
	margin-bottom: 1.5em;
}

#feature .feature_signup a {
	width: 150px;
	height: 25px;
	background: transparent url(../images/sprites.frontpage.png) 0px 0px no-repeat;
	display: block;
}

#feature .feature_tour a {
	width: 150px;
	height: 25px;
	background: transparent url(../images/sprites.frontpage.png) -152px 0px no-repeat;
	display: block;
}

#feature .feature_content {
	/*padding-left: 600px;
	width: 320px;*/
	color:#333333;
	font-weight:bold;
	padding-top:18px;
	text-shadow:0 1px rgba(255, 255, 255, 0.5);
}

/*#feature .security {
	margin-top: 1.5em;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
	float: left;
	display: block;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
} */

#feature .security {
	background: url(../images/sprites.frontpage.png) -80px -80px no-repeat;
	padding: 25px 10px 0px 10px;
	margin-top: 1em;
}

#feature .security p {
	text-align: center;
	margin-bottom: 3px;
	color: #666;
}


#feature .security_bottom {
	background: url(../images/sprites.frontpage.png) -80px -228px no-repeat;
	height: 5px;
}

#benefits {
	background:#2F3E70 url(../images/benefits_bg2.png) repeat-x scroll bottom left;
	border-top:1px solid #101B3F;
	margin-right:0;
	padding-left:20px;
	padding-right:20px;
	width:909px;
	border-bottom:1px solid #0C132F;
}

.benefits_box, .info_box {
margin-right:1.5em;
width:291px;
color: #fff;
}

.benefits_box p img {
	margin: 0 4px 4px 0;
}

.benefits_box.last, .info_box.last {
	margin-right: 0px;
}

.benefits_box a {
border:0;
color: #fff;
text-decoration: none;
}

.benefits_box a:hover, #benefits a:hover h2 {
    color: #FEFF8F;
}

#benefits h2 {
	font-size:1.5em;
	margin-bottom:6px;
	padding-bottom: 4px;
	color: #A5B5E7;
	background: url(../images/benefits_bg_line_horiztonal.png)  bottom left repeat-x;
    text-shadow: 0px 1px rgba(0,0,0,.75);
	
}

#benefits ul {
	margin-left: 1.5em;
	margin-top: 0px;
}

#benefits li {
	list-style-type: disc;
	list-style-position: outside;
	color: #fff;
	text-align: justify;
}

#home_misc h3 {
	color: #3F528B;
}

#Form_TellFreindForm fieldset {
	padding: 0;
	margin: 0 0 1.5em 0;
	border: 0;
}

#Form_TellFreindForm .text {
	width: 224px;
}

.required {
	color: #AE2B05;
}

#home_misc {
	background:#C2C7D6 url(../images/home_misc_bg.png) bottom left repeat-x;
	border-top-color:#E0E4EF;
	border-top-style:solid;
	border-top-width:1px;
	padding:1em 20px;
	width: 909px;
	border-bottom:1px solid #999FAF;
	position: relative;
	min-height:96px;
	bottom:0;
}

#home_misc div.testimonial {
	background-color: #DADEEB;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	border: 1px solid #C2C5CF;
	border-top: 1px solid #9196A3;
	text-shadow: 0 1px 0 #FFFFFF;
	font-size:1.25em;
	line-height:1.25em;
}

#home_misc div.testimonial_external {
	border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	margin-left: 13px;
	width: 816px;
}

#home_misc div.testimonial_arrow {
	background: transparent url(../images/testimonial.arrow.png) no-repeat;
	position:absolute;
	top: 10px;
	left:-12px;
	width:13px;
	height: 21px;
}

#home_misc span.author {
	font-style:italic;
}

#home_misc img { margin-bottom: 0;}


#home_info {
	background: #fff0cf url(../images/home_info_bg.gif) repeat-x;
	padding: 1em 20px;
	width: 909px;
	border-top: 1px solid #fff;
	min-height:275px;;
}

.info_box {
	color: #000;
}

.info_box .form {
	background: transparent url(../images/info_form_bg.png) top left no-repeat;
	padding: 15px 1.5em 10px 1.5em;
}

.info_box .form_bottom {
	background: transparent url(../images/info_form_bg_bottom.png) bottom left no-repeat;
	height: 45px;
}

.twitter_holder {
	margin-bottom: 1.5em;
	padding-bottom: 1px;
}

.twitter_holder h3 {
	padding-left: 30px;
	background: url(../images/sprites.frontpage.png) -400px -80px no-repeat;
	line-height: 24px;
	margin-bottom: 12px;
}

.twitter_holder ul li, .blog_holder ul li {
	background: url(../images/info_bg_horizontal_line.png) bottom center repeat-x;
	padding-bottom: 9px;
	margin-top: 8px;
	display:block;
}

.twitter_holder ul li:first-child, .blog_holder ul li:first-child {
	margin-top: 0px;;
}

.twitter_holder ul li:last-child, .blog_holder ul li:last-child {
	background: none;
}

.blog_holder h3 {
	padding-left: 30px;
	background: url(../images/sprites.frontpage.png) -400px -109px no-repeat;
	line-height: 24px;
	margin-bottom: 12px;
}

.blog_holder ul, .twitter_holder ul {
	margin-left: 0px;
	margin-top: 12px;
}

.commercial_overlay {
	background: url(../images/play.button.png) center center no-repeat;
	width: 291px;
	height: 218px;
	position: absolute;
	top: 0;
	left: 0;
}

#commercial_holder {
	position: relative;
}

#HomePage .ui-tabs-nav li a {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
}

#HomePage .ui-tabs-nav li, #HomePage .ui-tabs-nav li.ui-tabs-selected, #HomePage .ui-tabs-nav .ui-tabs-panel {
	padding: 0;
	margin: 0;
	border: 0;
}

#HomePage .ui-tabs-nav ul {
	position: absolute;
	top: 10px;
	right: 20px;
	margin-bottom: 0px;
}

#HomePage .ui-tabs-nav li a span {
	display: none;
}

#HomePage .ui-tabs-nav li a {
	width:15px;
	height:16px;
	background: url(../images/grey.circle.tabs.png) top left no-repeat;
	margin-left: 10px;
}

#HomePage .ui-tabs-nav li.ui-tabs-selected a, #HomePage .ui-tabs-nav li:hover a {
	background-position: -23px 0px;
}

#commercial_holder.ui-tabs-nav li a {
	background-image: url(../images/yellow.circle.tabs.png);
}

#commercial_holder.ui-tabs-nav ul {
	top: 221px;
	right: 0;	
}

/* ============== */
/* = Blog Pages = */
/* ============== */

.blog_entry h2 {
	margin-bottom: 0;
}

.blog_entry .blog_byline {
	color: #666;
}

.blog_entry .blog_byline .author {
	color: #1F2856;
}

.blog_entry .blog_info {
	padding-top: 5px;
	border-top: 1px dotted #1F2856;
}

#PageCommentInterface_Form_PostCommentForm {
	margin-bottom: 1.5em;
} 

#PageCommentInterface_Form_PostCommentForm textarea {
	height: 5em;
}

#PageComments_holder ul {
	margin-left: 0px;
}

#PageComments_holder ul#PageComments > li {
	list-style: none;
	background-color: #fff0cf;
	padding: 1.4em;
	border: 1px solid #EFDCB3;	
	margin-bottom: 1.5em;
}

#PageComments_holder h4 {
	
}

#PageComments_holder p.info {
	padding: 5px;
	border-top: 1px solid #EFDCB3;
	margin-bottom: 0;
	background-color: #FFFAEF;
}

#PageComments_holder ul.actionLinks {
	margin: 0;
}

#PageComments_holder h4 {
	font-size: 1.2em;
	font-weight: bold;
}

/* ============= */
/* = List Page = */
/* ============= */

#testimonials blockquote .dquo{
	float:left;
}

#testimonials blockquote {
	margin-bottom: 0;
}

#testimonials blockquote :last-child {
	margin-bottom: 0;
}

#testimonials blockquote + .attribution {
	margin-left: 1.5em;
}

/* ========== */
/* = Footer = */
/* ========== */

.grid {
	background-image: url('blueprint/lib/grid.png');
}
.footer {
	color: #999;
}





/****** FILE: themes/mitto/css/subnav.css *****/
/* Stuff for the nav on the left */

/*this is need to circumvent a bug in the silverstripe css combiner */
#bugfixer { }

#subNav .top {
	height: 18px;
	background: url('../images/sidemenu.top.bg.png') no-repeat 0 0;
}

#subNav .bottom {
	height: 20px;
	background: url('../images/sidemenu.bottom.bg.png') no-repeat  11px 0px;
}

#subNav .mid {
	background: url('../images/sidemenu.side.bg.png') repeat-y;
	padding: 0px 25px; 
}

#subNav ul {
	margin: 0;
}

#subNav li {
	list-style:none;
	list-style-position: outside;
}
#subNav li.link {
	margin-left:25px;
	margin-right: 30px;	
}

#subNav li a {
	font-size: 1.25em;
	color: #804000;
	text-decoration: none;
	font-family:  Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#subNav li a:hover {
	text-decoration: underline;
}
#subNav li .LevelB li.link {
	margin-bottom: 0;
}
#subNav li .LevelB a {
	font-size: 1em;
	margin-left: 1em;
	color: #777;
}

#subNav li .LevelB li.current a {
	color: #FF8000;
}

#subNav .mid li {
	margin-left: 0;
}

#subNav li.link {
	margin-bottom: 10px;
}

#subNav h2 {
	text-align:center;
	margin-top: 12px;
	margin-bottom:36px;
	color: #DFC999;
}

/****** FILE: themes/mitto/css/jquery-ui/ui.theme.css *****/
/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/



/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	
	border-bottom: 1px solid #d3d3d3;
}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #d3d3d3;
	border-bottom: none;
}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-accordion-header a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em .5em .5em 1.7em;
	color: #555555;
	background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
	background: url(images/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #212121;
}
.ui-accordion-header:hover {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #212121;
	background: url(images/454545_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
	font-size: 1em;
}
.ui-accordion-content p {
	padding: 1em 1.7em 0.6em;
}






/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	bottom: -1px;
}
.ui-tabs-nav ul {
	margin-top: 0;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none !important;
	float: left;
	border: 1px solid #d3d3d3;
	border-bottom: none;
	margin-left: 1em;
	margin-bottom: -1px;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border-bottom: 1px solid #d3d3d3;
}
.ui-tabs-nav li a:hover {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
	padding-top: 7px;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	color: #212121;
	border-bottom: 0;
}

.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	padding: 1.5em 0 0 0;	
	margin-bottom: 1.5em;
	border-top: 1px solid #ddd ;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}





/*slider*/
.ui-slider {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	border: 1px solid #aaaaaa;
	height: .8em;
	position: relative;
}
.ui-slider-handle {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: absolute;
	z-index: 2;
	top: -3px;
	width: 1.2em;
	height: 1.2em;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #d3d3d3;
}
.ui-slider-handle:hover {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #aaaaaa;
}
.ui-slider-range {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	height: .8em;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	position: absolute;
	border: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	top: -1px;
	z-index: 1;
	opacity:.7;
	filter:Alpha(Opacity=70);
}






/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
	border: 4px solid #aaaaaa;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border-bottom: 1px solid #d3d3d3;
	font-size: 1em;
	font-weight: normal;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #222222;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #aaaaaa;
	background: #ffffff;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #212121;
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #aaaaaa;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-dialog-overlay {
	background: #aaa;
	opacity: .4;
	filter:Alpha(Opacity=40);
}





/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	
	border: 4px solid #aaaaaa;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #aaaaaa;
	color: #212121;
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}












/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
}
.ui-component-content a {
	color: #222222;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555555 !important;
}
.ui-default-state a {
	color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #999999;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
}
.ui-hover-state a {
	color: #212121;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
	outline: none;
}
.ui-active-state a {
	color: #212121;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */