/* page specific
----------------------------------------------------------------------------------- */

.index #navHome,
.uses #navUses,
.faq #navFAQ,
.about #navAbout,
.whats-new #navWhatsNew,
.members #navMembers,
.reports #navReports,
.feedback #navFeedback { background: #fff; }

.index #movWrapper { margin:0 0 40px 20px; }
.index #left { padding: 40px 0; /*margin:0 10px;*/ width:340px; }
.index #right { padding: 40px 0; width:540px; margin:0 10px; }
.index #right h2 { font-size: 2.2em; }

.index #player { display:block;width:290px;height:557px; }

.index #right .left.list { width:240px; }
.index #right .left.list.one { margin-right:20px; }

.faq #left,
.about #left,
.whats-new #left,
.members #left { width:640px; margin-right:80px; }
.faq #right,
.about #right,
.whats-new #right,
.members #right { width:220px; }

.faq #left dt,
.whats-new #left dt { font-size: 1.1em; font-weight: bold; color: #fff; line-height:1.2em; margin-bottom:0.5em; }
.faq #left dd,
.whats-new #left dd { margin-bottom: 3em; }
.faq #left dd,
.whats-new #left dd { font-size:0.9em; line-height:1.3em; }

.uses .tabset { width:300px; margin-right:20px; }
.uses #tabs { margin-top:20px; }
.uses #tabs li { list-style: none; margin: 0; }
.uses #tabs a { border-left-style:solid; border-left-width:4px; font-size: 1.1em; font-weight: bold; display: block; width:240px; padding: 9px; color:#fff; text-decoration: none; -moz-border-radius: 0 100% 100% 0; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:25px; } /* todo: webkit */

.uses #tabs a.one { border-left-color: #4791b9; }
.uses #tabs a.one:hover,
.uses #tabs a.one.active { background: #4791b9; }

.uses #tabs a.two { border-left: 4px solid #30627c; }
.uses #tabs a.two:hover,
.uses #tabs a.two.active { background: #30627c; }

.uses #tabs a.three { border-left: 4px solid #a5c4dc; }
.uses #tabs a.three:hover,
.uses #tabs a.three.active { background: #a5c4dc; }

.uses #tabs a.four { border-left: 4px solid #244e64; }
.uses #tabs a.four:hover,
.uses #tabs a.four.active { background: #244e64; }

.uses .tab { display:none; margin-bottom: 40px; }
.uses .tab h2 { font-size:1.4em; line-height: 1.4em; margin-bottom: 0.5em; }
.uses .tab .bubble { font-size:0.9em; line-height:1.3em; }
.uses .tab .bubble ul { width:85%; }

.uses .tab .phone { width:300px; margin-right:20px; }
.uses .tab .blurb { width:300px; }

.uses .tab .slider { width:258px; height:550px; position: relative; background:url(../img/iphone_shell.png) no-repeat; }
.uses .tab .slider .prev { display:block; position:absolute; width:20px; top:135px; left:-30px; text-align:right; padding:5px; line-height: 1em; font-size:1.1em; text-decoration:none; font-weight:bold; color:#4892BB; }
.uses .tab .slider .next { display:block; position:absolute; width:20px; top:135px; right:-30px; padding:5px; line-height: 1em; font-size:1.1em; text-decoration:none; font-weight:bold; color:#4892BB; }
.uses .tab .slider .viewport  { position:absolute; top:94px; left:24px; width:212px; height:305px; overflow: hidden; }
.uses .tab .slider .items { width:5000px; margin-top:-14px; } /* margin-top is to hide the service bar at the top of each image */
.uses .tab .slider .items img { float:left; }

.members #right .buttonBar { text-align:center; }
.members #right .buttonBar a { display:inline-block; /*width:90px;*/ padding:10px; line-height:1; font-weight:bold; color:#fff; /*587E1A;*/ text-decoration:none; text-align:center; -moz-border-radius:8px; -webkit-border-radius:8px; /*background:#ffc;*/ margin:0 5px; border:1px solid #587E1A; }
/*
.members .buttonBar a.first { -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; }
.members .buttonBar a.last { -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; border-left:none; }
*/
.members #right .buttonBar a:hover { background:#A2D959; color:#000; }
.members h3 { color:#A5C4DC; }

/* login, register and forgot password modals
----------------------------------------------------------------------------------- */

/*.jqmWindow { line-height:0.85em; }*/
.jqmWindow h1 { font-size:2em; margin-bottom:1em; font-weight:bold; line-height:1em; }

.jqmWindow fieldset .row { margin-bottom:1em; }
.jqmWindow fieldset label { float:left; display:block; /*margin-bottom:1em;*/ font-weight:bold; }
.jqmWindow fieldset input { float:left; width:290px; border:1px solid #bab494; padding:3px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.1em;  }

#register fieldset label ,
#resetPassword fieldset label { width:160px; }
#login fieldset label,
#forgotPassword fieldset label { width:120px; }

#register fieldset input { width:350px; }
.jqmWindow fieldset input.password,
 #register fieldset input.password { width:100px; }

#register .buttonBar,
#resetPassword .buttonBar { margin:1em 0 1em 160px; }
#login .buttonBar,
#forgotPassword .buttonBar { margin:1em 0 1em 120px; }

#btnForgotPassword { display:inline-block; margin-left:25px; }

#login.jqmWindow,
#forgotPassword.jqmWindow { margin-left:-310px; width:620px; }
#register.jqmWindow { margin-left:-360px; width:720px; top:50px; }
#resetPassword.jqmWindow { margin-left:-237px; width:474px; }

.feedback legend { color: white; font-size: 1.2em; padding: 0 0 1em; }
.feedback label { display:block; font-weight:bold; width:130px; }
.feedback input { width: 175px; }
.feedback textarea { width: 300px; height: 100px; }
.feedback .buttonBar { padding: 1em 0 5em; }
.feedback .buttonBar input { -moz-border-radius: 5px; background: #7CA7BF; color: white; border: 1px solid silver; padding: 5px 15px; float: none; }