/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

/*-------------------------------------
FORM CORE
------------------------------------------*/

form#contact fieldset {
	margin: 0 auto;
}

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], input[type="name"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 260px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form#contact textarea {
	width: 275px; 
	height: 150px;
	margin-bottom: 16px;
}

form#contact label {
	display: block;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	font-weight: bold;
}

form#contact label.error { 
	width: 270px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

form#contact .placeholder {
	color: #aaa;
}
/*--------------------------------------------------------------------------------------------
Button Styles Reset - Gets rid of Browser Specific Issues
-------------------------------------------------------------------------------------------- */
input[type="button"], btn {
border:0 none;
font:inherit;
}
*:focus{outline:0 none;}
input[type="submit"] {border:1px solid rgba(0, 0, 0, 0.25);}
input[type="button"], btn {-moz-box-sizing: content-box;}
input[type="button"]::-moz-focus-inner, btn::-moz-focus-inner { padding:0;border:0 none; }/*fixes mozilla button padding */
.clearfix:after {
clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
textarea, input[type="text"], input[type="password"], select {
    padding: 0px;
}
.yoo-zoo a:link, .yoo-zoo a:visited {
    text-decoration: none;
}
/*--------------------------------------------------------------------------------------------
General Button Styles, Cascades Down To Every Button
-------------------------------------------------------------------------------------------- */
.btn {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(../images/icons/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
margin:0 5px 5px 0;
}
.btn:hover {
background:#111111;
color:#FFFFFF;
}
.btn:active {
background:#242424;
}
.green.btn {
background-color:#91BD09;
}
.green.btn:hover {
background-color:#749A02;
}
.green.btn:active {
background-color:#a4d50b;
}
.blue.btn {
background-color:#0E59AE;
}
.blue.btn:hover {
background-color:#063468;
}
.blue.btn:active {
background-color:#1169cc;
}
.purple.btn {
background-color:#660099;
}
.purple.btn:hover {
background-color:#330066;
}
.purple.btn:active {
background-color:#7f02bd;
}
.breen.btn {
background-color:#2DAEBF;
}
.breen.btn:hover {
background-color:#007D9A;
}
.breen.btn:active {
background-color:#36cbdf;
}
.red.btn {
background-color:#CC0000;
}
.red.btn:hover {
background-color:#990000;
}
.red.btn:active {
background-color:#ea0202;
}
.magenta.btn {
background-color:#A9014B;
}
.magenta.btn:hover {
background-color:#630030;
}
.magenta.btn:active {
background-color:#ce025c;
}
.orange.btn {
background-color:#FF5C00;
}
.orange.btn:hover {
background-color:#D45500;
}
.orange.btn:active {
background-color:#fd762a;
}
.yellow.btn {
background-color:#FFE115;
}
.yellow.btn:hover {
background-color:#E4C913;
}
.yellow.btn:active {
background-color:#fee539;
}
.white.btn {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#666666 !important;
font-weight:normal;
text-shadow:0 1px 1px #FFFFFF;
}
.white.btn:hover {
background-color:#EEEEEE;
}
.white.btn:active {
background-color:#ffffff;
}
.gray.btn {
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#FFFFFF url(../images/icons/button-overlay-black.png) repeat-x;
border:1px solid #BBBBBB;
color:#555555 !important;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
}
.gray.btn:hover {
background-color:#EEEEEE;
border-color:#999999;
color:#444444 !important;
}
.gray.btn:active {
background-color:#ffffff;
}
/*--------------------------------------------------------------------------------------------
Small btns
-------------------------------------------------------------------------------------------- */
.small.btn {
font-size:11px;
padding:5px 15px 6px;
background-image:url(../images/icons/small-button-overlay.png);
}
input[type="submit"].small.btn, .small.btn.input {
padding:3px 15px 4px;
}
input[type="button"].small.button, btn.small.btn {
padding:4px 15px;
}
/*--------------------------------------------------------------------------------------------
Large Buttons
-------------------------------------------------------------------------------------------- */
.large.btn {
font-size:14px;
padding:8px 19px 9px;
background-image:url(../images/icons/large-button-overlay.png);
}
input[type="submit"].large.btn, .large.btn.input {
padding:6px 16px 6px;
}
input[type="button"].large.btn, btn.large.btn {
padding:7px 16px;
}
/*--------------------------------------------------------------------------------------------
Tall Buttons
-------------------------------------------------------------------------------------------- */
.tall.btn {
font-size:14px;
padding:8px 19px 9px;
background-image:url(../images/icons/tall-button-overlay.png);
}
.tall.gray.btn {
background-color:#FFFFFF;
background-image: url(../images/icons/tall-black.png);
background-repeat:repeat-x;
}
.tall.gray.btn:hover {
background-color:#EEEEEE!important;
border-color:#999999;
color:#444444 !important;
}
.tall.gray.btn:active {
background-color:#FFFFFF!important;
}
.tall.btn em {
font-size:11.5px;
font-style:normal;
display:block;
margin-top:5px;
}
/*--------------------------------------------------------------------------------------------
Round Buttons
-------------------------------------------------------------------------------------------- */
.round.btn {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background-image:url(../images/icons/round-button-overlay.png);
border:1px solid rgba(0, 0, 0, 0.25);
font-size:13px;
padding:0;
}
.round.btn span {
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;
display:block;
line-height:1;
padding:4px 15px 6px;
}
.round.btn.input {
padding:3px 13px 4px;
}
.small.round.btn {
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
font-size:11px;
}
input[type="button"].round.small.btn, btn.round.small.btn {
padding:0;
}
.small.round.btn span {
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
padding:6px 15px 6px;
}
.large.round.btn {
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
background-position:left bottom;
}
.large.round.btn span {
-moz-border-radius:17px;
-webkit-border-radius:17px;
border-radius:17px;
font-size:14px;
padding:7px 20px 9px;
}
.large.tall.round.btn small {
display:block;
margin-top:5px;
}
/*--------------------------------------------------------------------------------------------
Social Buttons
-------------------------------------------------------------------------------------------- */
.small.social.btn span {
text-indent:-9999px;
display:block;
}
.rss.btn {
background:#FF8800 url(../images/icons/rss-inset.png) no-repeat 1px 4px;
padding:5px 11px 6px;
}
.rss.btn:hover {
background-color:#FF6900;
}
.twitter.btn {
background:#88E1E6 url(../images/icons/twitter-inset-grad.png) no-repeat center;
padding:5px 11px 6px;
}
.twitter.btn:hover {
background-color:#66CCCC;
}
.fb.btn {
background:#375999 url(../images/icons/fb-inset.png) no-repeat 6px 5px;
padding:5px 11px 6px;
}
.fb.btn:hover {
background-color:#304d85;
}
.delicious.btn {
background:#999 url(../images/icons/delicious-inset.png) no-repeat center;
padding:5px 11px 6px;
}
.delicious.btn:hover {
background-color:#666;
}
.in.btn {
background:#18709e url(../images/icons/linkedin-inset.png) no-repeat center;
padding:5px 11px 6px;
width:0px;/*webkit fix */
}
.in.btn:hover {
background-color:#0c6596;
}
/*--------------------------------------------------------------------------------------------
Arrows and Icon Classes
-------------------------------------------------------------------------------------------- */
.btn.follow span {
background:url(../images/icons/twitter-inset.png) no-repeat 10px 4px;
padding:6px 17px 6px 35px;
}
.download.large.round span {
background:url(../images/icons/arrow-down.png) no-repeat right center;
padding-right:30px;
margin-right:15px;
}
.download.large span {
background:url(../images/icons/arrow-down.png) no-repeat right center;
padding-right:30px;
margin-right:0px;
}
.download.tall span {
background:url(../images/icons/arrow-down-tall.png) no-repeat right center;
float:right;
padding-right:40px;
margin:0 -5px -1px 0;
height:32px;
}
.download.light.tall span {
background:url(../images/icons/arrow-down-tall-light.png) no-repeat right center;
float:right;
padding-right:40px;
margin:0 -5px -1px 0;
height:32px;
}
.download.dark.tall span {
background:url(../images/icons/arrow-down-tall-reverse.png) no-repeat right center;
float:right;
padding-right:40px;
margin:0 -5px -1px 0;
height:32px;
}
.dlDark.large.round span {
background:url(../images/icons/arrow-down-dark.png) no-repeat right center;
padding-right:30px;
margin-right:15px;
}
.dlDark.large span {
background:url(../images/icons/arrow-down-dark.png) no-repeat right center;
padding-right:30px;
margin-right:0px;
}
.dlLight.large.round span {
background:url(../images/icons/arrow-down-light.png) no-repeat right center;
padding-right:30px;
margin-right:15px;
}
.dlLight.large span {
background:url(../images/icons/arrow-down-light.png) no-repeat right center;
padding-right:30px;
margin-right:0px;
}
.buy.large.btn {
background-image:url(../images/icons/tall-button-overlay.png);
border:2px solid #363636!important;
-moz-border-radius:30px!important;
-webkit-border-radius:30px!important;
border-radius:30px!important;
text-shadow:0 1px 1px rgba(0, 0, 0, 1)!important;
margin-right:50px;
}
.buy.large span {
background:url(../images/icons/lock-outset.png) no-repeat 0 12px;
font-size:24px!important;
padding:11px 20px 13px 30px!important;
margin:0 -63px 0 30px;
}
.buy.large span small {
background: url(../images/icons/price-tag.png) no-repeat top center;
vertical-align:middle;
padding:7px 12px 12px 20px;
margin-left:-3px;
font-size:14px;
}