@charset "UTF-8";

/* 
Version: 1.0 
Last Updated: 2012-01-19
-------------------------------------------------
PAFERS Stylesheet
Author: Anderson Chen - http://www.mingisland.com
Office: Ming Island Design 
-------------------------------------------------
*/

/* CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* General Settings */
body { overflow-y:scroll; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#999; background:url(../images/bg.jpg) repeat;  text-shadow:1px 1px 0px #FFF; }
a { text-decoration:none; }

.uppercase { text-transform: uppercase; }

/* Global Setings*/
#container { margin-top:30px; margin-bottom:25px; background:url(../images/footer-bg.jpg) repeat-x bottom; }
#banner { margin-bottom:35px; clear:both; }
#banner-collection { /* height:332px; background:#FFF; border:#e9e9e9 solid 8px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); */ }

/* Header */
header { height:84px; }
nav { text-align:right; }
nav ul { float:right; border:#d9d9d9 solid 1px; background:#f5f5f5; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); background-image:linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(249,249,249))); }
nav li { float:left; border-right:#d9d9d9 solid 1px; border-left:#fff solid 1px; }
nav li.active, nav li:hover { background:#FFF; }
nav li.active a, nav li:hover a { color:#666; }
nav li:first-child { -moz-border-radius-topleft:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; }
nav li:last-child { -moz-border-radius-topright:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; }
nav a { font-size:12px; color:#999; padding:10px 16px; display:inline-block;  }
#links { height:25px; text-align:right; }
#links a { font-size:11px; color:#999; padding:0 8px; }
#links a:first-child { border-right:#ccc solid 1px; }
#links a.active, #links a:hover { text-decoration:underline; }
#logo a { display:block; width:152px; height:50px; position:relative; top:-10px; background:url(../images/logo.png) no-repeat; }

/* Footer */
footer { clear:both; }
footer a{ font-size:11px; line-height:18px; color:#999; margin-right:15px; }
footer a.active, footer a:hover{ color:#000; }
#footer-right{ text-align:right; }
#footer-right a:first-child{ border-left:#CCC solid 1px; padding-left:10px; margin-left:10px; }
#footer-copyright{ display:inline; }
#footer-links{ display:inline; }
#footer-content{ padding-top:20px; }

/* Title Banner */
#title-warp{ float:left; display:block; height:200px; width:100%; }
#title-banner{ width:100%; height:156px; position:absolute; left:0; text-align:center; color:#FFF; font-family:'Rokkitt', serif; font-weight:300; text-shadow:1px 1px 0px #1a9fce; background:url(../images/title-banner-bg.jpg); }
#title-banner h1{ font-size:22px; padding-top:36px;  }
#title-banner h2{ font-size:46px; margin-top:10px; }
#title-banner h3{ font-size:46px; margin-top:10px; padding-top:16px;  }
#title-banner p{ font-size:15px; line-height:20px; font-family:Helvetica, Arial, sans-serif; width:50%; margin:0 auto; margin-top:10px; }

/* Home */
#feature-cols { margin-bottom:60px;  }
#feature-cols div div { min-height:75px; border:#d9d9d9 solid 1px; padding:20px 20px 20px 90px; -moz-border-radius:5px; border-radius:5px; background:#fff; background-image: linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -o-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -moz-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -webkit-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -ms-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, rgb(244,244,244)),  color-stop(1, rgb(253,253,253)) ); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); }
#feature-cols div { position:relative; }
#feature-cols img { position:absolute; left:10px; }
#feature-cols h1 { font-size:14px; line-height:22px; color:#a9d06b; margin-bottom:10px; padding-bottom:10px; border-bottom:#e2e2e2 solid 1px; }
#feature-cols p { font-size:12px; line-height:16px; color:#666; }
#intro-cols { display:inline-block; margin-top:50px; position:relative; }
#intro-cols div { margin-top:40px; margin-bottom:40px; }
#intro-cols div:hover{ cursor:pointer; }
#intro-cols div:hover h1{ color:#000; }
#intro-cols div:hover p{ color:#666; }
#intro-cols h1{ font-size:14px; margin-bottom:10px; color:#1ba2d0;  }
#intro-cols p{ font-size:12px; line-height:18px;  }
#intro-cols img{ float:left; margin:0 10px 10px 0; }

/* PAFERS Experience */
#experience-cols {  margin-bottom:60px;  }
#experience-cols div div { margin-top:40px; min-height:230px; border:#d9d9d9 solid 1px; padding:20px 220px 20px 20px; margin-bottom:60px; -moz-border-radius:5px; border-radius:5px; background:#fff; background-image: linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -o-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -moz-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -webkit-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -ms-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(253,253,253) 100%); background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, rgb(244,244,244)),  color-stop(1, rgb(253,253,253)) ); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); }
#experience-cols div { position:relative; }
#experience-cols img { position:absolute; right:-10px; top:-50px; }
#experience-cols h1 { font-size:24px; line-height:28px; font-family:'Rokkitt', serif; font-weight:300; color:#1ba2d0; margin-bottom:10px; padding-bottom:10px; border-bottom:#e2e2e2 solid 1px; }
#experience-cols h2 { position:absolute; top:-50px; left:0; font-size:20px; line-height:24px; padding-left:50px; margin-bottom:5px; font-family:'Rokkitt', serif; font-weight:300;  }
#experience-cols h2 img{ top:-5px; left:0; }
#experience-cols p { font-size:13px; line-height:20px; color:#818181; }

/* Descriptions */
#description h1{ font-family:'Rokkitt', serif; font-weight:500;  color:#1ba2d0; font-size:20px; line-height:24px; margin-bottom:30px; }
#description h2{ font-family:'Rokkitt', serif; font-weight:500;  color:#000000; font-size:20px; line-height:24px; margin-bottom:10px; }
#description h3{ color:#818181; font-size:13px; line-height:24px; font-weight:normal; }
#description p{ color:#818181; font-size:13px; line-height:24px; margin-bottom:20px; }
#description ul{ margin-bottom:30px; }
#description ul li{ color:#818181; font-size:13px; line-height:24px; list-style-type:disc; list-style-position:outside; margin-left:20px; }
#description a{ color:#1ba2d0; text-decoration:underline; }
#description a:hover{ text-decoration:none; }

/* Look For PAFERS */
#about-warp{ font-size:14px; line-height:22px; color:#818181; margin-top:55px; }
#about-warp div{ min-height:200px;  }
#about-warp h1{ text-shadow:1px 1px 0px #1a9fce; line-height:150px; text-align:center; width:150px; font-family:'Rokkitt', serif; font-weight:500; font-size:34px; color:#fff; height:150px; background:url(../images/about-title-mark.png) no-repeat center center; }
#about-warp h1.small{ font-size:26px; line-height:32px; }

/* Contact Us */
#contact-warp{ margin-top:60px; }
#contact-title h1{ font-family:'Rokkitt', serif; font-weight:500; font-size:44px; color:#1ba2d0; margin-bottom:30px; }
#contact-title h2{ font-size:18px; line-height:24px; color:#999; font-weight:normal; }
#contact-captcha-warp{ width:60%; display:inline; }
#contact-submit-warp{ float:right; display:inline; text-align:right;}
#contact-form{ padding:25px 0; background:#FFF; border:8px solid rgba(0, 0, 0, .1); -moz-border-radius:5px; border-radius:5px; margin-bottom:40px; }
#contact-form-inner{ margin:0 45px 0 25px; }
#contact-form p{ font-size:13px; line-height:20px; margin-bottom:15px; }
#contact-form label{ font-size:13px; margin:20px 5px; display:inline-block; }
#contact-form input[type=text]{ height:15px; width:100%; padding:10px; margin-bottom:12px; font-size:13px; border:4px solid rgb(242, 245, 247); -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 2px #999; -webkit-box-shadow:inset 0 1px 2px #999; box-shadow:inset 0 1px 2px #999; }
#contact-form input[type=text]:focus{ border:4px solid rgb(224, 241, 252); }
#contact-form input[type=radio]{ position:relative; top:-2px; }
#contact-form input[type=button]{ 
padding:8px 12px; border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #ebf4f8; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ebf4f8 0%, #cfe6ee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf4f8), color-stop(100%,#cfe6ee)); 
background: -webkit-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -o-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -ms-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%);
background: linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4f8', endColorstr='#cfe6ee',GradientType=0 );
}
#contact-form input[type=button]:hover{
background: #cfe6ee; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZTZlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmY0ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cfe6ee 0%, #ebf4f8 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe6ee), color-stop(100%,#ebf4f8)); 
background: -webkit-linear-gradient(top,  #cfe6ee 0%,#ebf4f8 100%); 
background: -o-linear-gradient(top,  #cfe6ee 0%,#ebf4f8 100%);
background: -ms-linear-gradient(top,  #cfe6ee 0%,#ebf4f8 100%);
background: linear-gradient(top,  #cfe6ee 0%,#ebf4f8 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe6ee', endColorstr='#ebf4f8',GradientType=0 ); 
}

/* Look For PAFERS */
#lookfor-warp{ margin-top:60px; }
#lookfor-right hgroup h1{ font-family:'Rokkitt', serif; font-weight:500; font-size:26px; color:#1ba2d0; margin-bottom:20px; }
#lookfor-right hgroup h2{ font-size:13px; line-height:20px; color:#999; font-weight:normal; margin-bottom:24px; }
.lookfor-col{ position:relative; padding:20px 30px 20px 100px; background:#FFF; -moz-border-radius:5px; border-radius:5px; margin-bottom:14px; }
.lookfor-col img{ position:absolute; left:20px; top:15px; }
.lookfor-col h1{ font-size:14px; color:#a9d06b; margin-bottom:14px; padding-bottom:14px; border-bottom:#e4e1d9 solid 1px; }
.lookfor-col p{ font-size:12px; line-height:20px; }
.lookfor-col a{ font-size:12px; color:#555; display:inline-block; padding:6px 18px; margin-top:15px; border:#d9d9d9 solid 1px; background:#f5f5f5; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); background-image:linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(249,249,249))); }
.lookfor-col a:hover{ background:#FFF; color:#666; }

/* Find Machines */
#find-switcher{ width:154px; height:34px; margin:0 auto 40px; background: url(../images/switcher-bg.png) no-repeat center; }
#find-switcher a{ color:#666; display:block; float:left; width:77px; height:34px; text-align:center; padding-top:12px; }
#find-switcher a.active{ color:#FFF; text-shadow:none; background:url(../images/switcher-active.png) no-repeat center top; }
#find-switcher a:hover{ color:#333; }
#find-switcher a.active:hover{ color:#FFF; }
#find-machines-warp{ margin:10px 0; }
#find-machine-scroller{ padding:0 0 55px 20px; background:#fff; -moz-border-radius:5px; border-radius:5px;  }
#find-machine-list li{ display:inline-block; width:19%; height:180px; list-style:none; margin:40px 0 0 0; text-align:center; }
#find-machine-list li h1{ font-size:12px; font-weight:normal; color:#666; margin-top:50px; }
#find-machine-list div.item{ display:inline-block; width:19%; height:180px; list-style:none; margin:40px 0 0 0; text-align:center; }
#find-machine-list div.item h1{ font-size:12px; font-weight:normal; color:#666; margin-top:50px; }
#find-machines-soon{ font-family:'Rokkitt', serif; font-weight:500; font-size:40px; line-height:46px; color:#A9D06B; text-align:center; padding:100px 0 50px 0; margin-top:20px; }
#find-machines-soon span{ color:#999; font-size:30px; }

/* Find Apps */
#app-switcher{ text-align:center; margin-bottom:30px; }
#app-switcher a{ background:url(../images/app-switcher-icon-shadow.png) bottom center no-repeat; }
#app-switcher a:first-child{ display:inline-block; padding-right:10px; margin-right:10px; border-right:#ccc solid 1px; }
#app-switcher a.active img, #app-switcher a:hover img{ position:relative; top:-10px; }
.app-more{ background:#FFF; padding:25px; margin-bottom:60px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); }
.app-more h1{ font-family:'Rokkitt', serif; font-weight:500; font-size:22px; line-height:26px; color:#1ba2d0; padding-bottom:12px; margin-bottom:12px; border-bottom:#eee solid 1px; }
.app-more p{ font-size:13px; line-height:20px;  }
#app-reviewer{ background:url(../images/app-reviewer-bg.png) no-repeat top center; height:500px; }
#app-detail h1{ font-family:'Rokkitt', serif; font-weight:500; font-size:22px; line-height:26px; color:#1ba2d0; margin-bottom:15px; }
#app-detail h2{  font-size:13px; line-height:18px; color:#666; margin-bottom:15px; }
#app-detail p{ font-size:12px; line-height:18px; color:#818181; margin-bottom:15px; }
#app-detail ul{ margin-bottom:20px; }
#app-detail li{ font-size:12px; line-height:18px; color:#818181; }
#sliderContainer{ width:205px; height:310px; margin:80px auto 0; background:#FFF;  }

/* Login */
#login-box h1{ font-size:38px; text-align:center; }
#login-box h2{ font-size:20px; text-align:center; }
.box-container{ width:30%; margin:40px auto 0 auto; padding:25px 50px; background:none repeat scroll 0 0 #FFFFFF; border:8px solid rgba(0, 0, 0, 0.1); border-radius:5px 5px 5px 5px; }
.box-container h1{font-family:'Rokkitt', serif; font-weight:500;  color:#1ba2d0;  }
.box-container h2{  font-weight:normal; color:#999; margin:5px 0 20px 0; text-align:center; }
.box-container input[type=text], .box-container input[type=tel]{ height:15px; width:91%; padding:10px; margin-bottom:12px; font-size:13px; border:4px solid rgb(242, 245, 247); -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 2px #999; -webkit-box-shadow:inset 0 1px 2px #999; box-shadow:inset 0 1px 2px #999; }
.box-container input[type=text]:focus, .box-container input[type=tel]:focus{ border:4px solid rgb(224, 241, 252); }
.box-container input[type=email]{ height:15px; width:91%; padding:10px; margin-bottom:12px; font-size:13px; border:4px solid rgb(242, 245, 247); -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 2px #999; -webkit-box-shadow:inset 0 1px 2px #999; box-shadow:inset 0 1px 2px #999; }
.box-container input[type=email]:focus{ border:4px solid rgb(224, 241, 252); }
.box-container input[type=password]{ height:15px; width:91%; padding:10px; margin-bottom:12px; font-size:13px; border:4px solid rgb(242, 245, 247); -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 2px #999; -webkit-box-shadow:inset 0 1px 2px #999; box-shadow:inset 0 1px 2px #999; }
.box-container input[type=password]:focus{ border:4px solid rgb(224, 241, 252); }
.box-container input[type=button]{ 
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #ebf4f8; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ebf4f8 0%, #cfe6ee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf4f8), color-stop(100%,#cfe6ee)); 
background: -webkit-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -o-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -ms-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%);
background: linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4f8', endColorstr='#cfe6ee',GradientType=0 );
}
.box-container input[type=submit]{ 
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #ebf4f8; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ebf4f8 0%, #cfe6ee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf4f8), color-stop(100%,#cfe6ee)); 
background: -webkit-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -o-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -ms-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%);
background: linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4f8', endColorstr='#cfe6ee',GradientType=0 );
}

.box-container input[type=reset]{ 
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #ebf4f8; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ebf4f8 0%, #cfe6ee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf4f8), color-stop(100%,#cfe6ee)); 
background: -webkit-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -o-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -ms-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%);
background: linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4f8', endColorstr='#cfe6ee',GradientType=0 );
}


input[type=button].graybutton{ 
display:block;
width:150px;
margin:0px auto 20px auto;
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #eeeeee; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-8 */
}

input[type=submit].graybutton{ 
display:block;
width:150px;
margin:0px auto 20px auto;
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #eeeeee; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-8 */
}

input[type=reset].graybutton{ 
display:block;
width:150px;
margin:0px auto 20px auto;
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #eeeeee; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-8 */
}


.solid{ border:1px solid #d5d5d5; background:#f7f7f7; }

#login-box input[type=button]{ width:100%; }
#login-box input[type=submit]{ width:100%; }
#login-box input[type=reset]{ width:100%; }

/* Register */
#register-box input[type=button]{ width:49%; margin-top:10px; }
#register-box input[type=button]:last-child{ width:49%; position:relative; right:-8px; }
#register-box input[type=submit]{ width:69%; margin-top:10px; }
#register-box input[type=submit]:last-child{ width:69%; position:relative; right:-8px; }
#register-box input[type=reset]{ width:29%; margin-top:10px; }
#register-box input[type=reset]:last-child{ width:29%; position:relative; right:-8px; }
#register-box input[type=checkbox]{ display:inline-block; margin-bottom:20px; margin-right:10px; }
#register-box h2{ font-size:20px; line-height:26px; text-align:left; }
#register-box p{ display:inline-block; font-size:14px; line-height:18px; padding-top:2px; }
#register-box p.policy_check {width: 80%;}

/* Forget Password */
#forget-pw-box h1{ font-size:24px; line-height:28px; text-align:left; padding-bottom:10px; border-bottom:#ccc solid 1px;   }
#forget-pw-box h2{ font-size:15px; line-height:20px; text-align:left; margin-top:10px; }
#forget-pw-box input[type=button]{ width:100%; }
#forget-pw-box input[type=submit]{ width:100%; }
#forget-pw-box input[type=reset]{ width:100%; }

/* Forget Password - Sent */
#forget-pw-sent-box h1{ font-size:24px; line-height:28px; margin:60px 0; }

/* Profile */
#profile-box{ width:35%; padding:0; border:none; background:none; }
#profile-list li { position:relative; list-style:none; font-size:16px; line-height:40px; height:40px; vertical-align:central; border:1px #d5d5d5 solid; border-top:none; background:#fff; }
#profile-list li:first-child{ border:1px #d5d5d5 solid; border-top-left-radius:5px; border-top-left-radius:5px; }
#profile-list li:last-child{  border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#profile-list li div.left{ display:inline-block; position:absolute; left:0; font-weight:bold; color:#555; padding-left:15px; }
#profile-list li div.right{ display:inline-block; position:absolute; right:0; padding-right:15px; }
a.button-edit{ font-size:12px; line-height: 24px; color:#555; display:inline-block; padding:2px 10px;border:#d9d9d9 solid 1px; background:#f5f5f5; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); background-image:linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(249,249,249))); }
a.button-edit:hover{ background:#FFF; color:#666; }
#profile-box input[type=button]{ width:100%; margin-top:10px; }

#find-switcher{ width:154px; height:34px; margin:0 auto 40px; background: url(../images/switcher-bg.png) no-repeat center; }
#find-switcher a{ color:#666; display:block; float:left; width:77px; height:34px; text-align:center; padding-top:12px; }
#find-switcher a.active{ color:#FFF; text-shadow:none; background:url(../images/switcher-active.png) no-repeat center top; }
#find-switcher a:hover{ color:#333; }
#find-switcher a.active:hover{ color:#FFF; }

div.button-switcher{ width:154px; height:34px; margin:0 auto 40px; background: url(../images/switcher-bg.png) no-repeat center; top:2px; position:relative; top:3px; }
div.button-switcher a{ color:#666; display:block; float:left; width:77px; height:34px; text-align:center; line-height:36px; }
div.button-switcher a.active{ color:#FFF; text-shadow:none; background:url(../images/switcher-active.png) no-repeat center top; }
div.button-switcher a:hover{ color:#333; }
div.button-switcher a.active:hover{ color:#FFF; }

/* Dialog Box */
.dialog-box{ padding:15px; }
.dialog-box h1{ font-size:14px; margin-bottom:10px; font-weight:normal; }
.dialog-box input[type=text]{ height:15px; width:91%; padding:10px; margin-bottom:12px; font-size:13px; border:4px solid rgb(242, 245, 247); -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 2px #999; -webkit-box-shadow:inset 0 1px 2px #999; box-shadow:inset 0 1px 2px #999; }
.dialog-box input[type=text]:focus{ border:4px solid rgb(224, 241, 252); }
.dialog-box input[type=button]{ 
width:100%;
padding:8px 12px; 
border:4px solid rgb(242, 245, 247); 
-moz-border-radius:20px; 
border-radius:20px; 
-moz-box-shadow:inset 0 0 1px #97a6ab; 
-webkit-box-shadow:inset 0 0 1px #97a6ab; 
box-shadow:inset 0 0 1px #97a6ab;  
background: #ebf4f8; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ebf4f8 0%, #cfe6ee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf4f8), color-stop(100%,#cfe6ee)); 
background: -webkit-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -o-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
background: -ms-linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%);
background: linear-gradient(top,  #ebf4f8 0%,#cfe6ee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4f8', endColorstr='#cfe6ee',GradientType=0 );
}

/* Nodification */
#nodification-box{ z-index:999; color:#FFF; width:100%; position:fixed; top:0; font-size:20px; height:60px; line-height:60px; vertical-align:central; text-align:center; background:rgba(0, 0, 0, 0.5); text-shadow:none; }

/* FAQ */
#faq-nav{ text-align:center; margin:20px 0; font-size:12px; line-height:24px; color:#555; display:block;border:#d9d9d9 solid 1px; background:#f5f5f5; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); background-image:linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(249,249,249))); }
#faq-nav a{ color:#555; display:inline-block; padding:10px 20px; border-right:#d9d9d9 solid 1px; }
#faq-nav a:first-child{ border-left:#d9d9d9 solid 1px; }
#faq-nav a.active, #faq-nav a:hover{ color:#000; background:#fff; }
#faq-content{ width:41%; margin:0 auto; }
#faq-content h1{ font-size:20px; margin:20px 0; color: #1BA2D0; }
#faq-content p{ font-size:14px; line-height:21px; }
#faq-content a{ text-decoration:underline; color:#1ba2d0; }
#mask{ display:none; }
.divider{ height:20px; width:100%; clear:both; }

/* Resend Verify */
#resend-verify-box h1{ font-size:20px; line-height:22px; text-align:left; }
#resend-verify-box h2{ font-size:13px; line-height:18px; text-align:left; }
#resend-verify-box h3{ font-size:13px; line-height:18px; text-align:left; color:#555; }
#resend-verify-box p{ font-size:13px; line-height:18px; text-align:left; margin-bottom:10px; }

/* Slider */
.slides_container{ width:205px; height:310px; }
.slides_container div{ width:205px; height:310px; display:block; }
#slides a.prev{ z-index:9; position:relative; left:-70px; top:-150px; }
#slides a.next{ z-index:9; position:relative; left:200px; top:-150px; }
ul.pagination{ display:none; }

/* Font Colors */
.navyblue{ color:#536684; }
.deepred{ color:#d6414a; }
.orange{ color:#f4a93d; }
.green{ color:#62b79a; }
.lightblue{ color:#52a1ba; }

/* For loading image of block */
#loading
{
    display : none;
    position : relative;
    z-index:10000;
    background-color:#f0f0f0;
    width : 342px;
    min-height : 50px;
    border:1px solid #666;
    top : 240px;
    text-align: center;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
#register-box #loading p
{
    position : relative;
    top : 50px;
    font-size : 25px;
    text-align : center;
}
#register-box #loading img
{
    position : relative;
    top : 100px;
    display : block;
    margin : auto;
}
#login-box #loading p
{
    position : relative;
    top : 10px;
    font-size : 25px;
    text-align : center;
}
#login-box #loading img
{
    position : relative;
    top : 30px;
    display : block;
    margin : auto;
}
#request-for-permission-bottom #loading img
{
    position : relative;
    display : block;
    margin : auto;
    width : 50px;
    height : 50px;
}


/* Smaller screens */
@media only screen and (max-width: 1023px) {
#banner{ margin-bottom:30px; }
#intro-cols{ margin-top:30px; }
#intro-cols div{ margin-bottom: 20px; }
#footer-left{ width:100%; text-align:center; }
#footer-right{ width:100%; text-align:center; }
#feature-cols div div{ min-height:145px; }
#container{ margin-bottom:10px; }
#footer-left a{ color:#666; }
footer a{ font-size:12px; line-height:20px; color:#999; margin-right:10px; }
#title-banner p{ width:80%;  }
#login-box h1{ font-size:32px; font-family:'Rokkitt', serif; font-weight:500; color:#1ba2d0; text-align:center; }
#login-box h2{ font-size:16px; font-weight:normal; color:#999; margin:5px 0 20px 0; text-align:center; /**/ }

/* For loading image of block */
#loading
{
    display : none;
    position : relative;
    z-index:10000;
    background-color:#f0f0f0;
    width : 74%;
    min-height : 50px;
    border:1px solid #666;
    top : 120px;
    text-align: center;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
#register-box #loading p
{
    position : relative;
    top : 50px;
    font-size : 25px;
    text-align : center;
}
#register-box #loading img
{
    position : relative;
    top : 100px;
    display : block;
    margin : auto;
}
#login-box #loading p
{
    position : relative;
    top : 10px;
    font-size : 25px;
    text-align : center;
}
#login-box #loading img
{
    position : relative;
    top : 30px;
    display : block;
    margin : auto;
}
#request-for-permission-bottom #loading img
{
    position : relative;
    display : block;
    margin : auto;
    width : 50px;
    height : 50px;
}
}

/* Mobile Settings */
@media handheld, only screen and (max-width: 767px) {
#links { text-align:center; display:none; }
#links a { font-size:11px; }
#logo a { margin:20px auto; }
nav a { font-size:15px; color:#999; }
nav li.active a { font-weight:bold; }
nav ul { float:left; width:100%; margin-bottom:30px; }
nav li { clear:both; border:0; border-bottom:#d9d9d9 solid 1px; border-top:#FFF solid 1px; float:none; text-align:left; }
nav li:first-child { -moz-border-radius-topleft:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; -moz-border-radius-bottomright:0; border-bottom-right-radius:0; }
nav li:last-child { -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; }
#container{ background:none; }
#banner { margin-bottom:30px; }
footer { clear:both; font-size:13px; text-align:center; margin-bottom:20px; position:relative; left:-20px; }
footer a{ font-size:15px; line-height:18px; color:#999; }
footer a.active, footer a:hover{ color:#000; }
#footer-left{ display:none; }
#footer-right a:first-child{ border:0; margin:0; padding:0; }
#footer-links{ display:block; margin-top:10px; padding-top:10px; border-top:#ccc solid 1px; text-align:center; }
#footer-links a{ padding-left:10px; }
#footer-links a:first-child{ padding:0 0 0 10px; }
#footer-content{ padding-top:20px; }
#feature-cols{ margin-bottom:30px; }
#feature-cols div div { margin-bottom:20px; }
#feature-cols h1 { font-size:17px; }
#feature-cols p { font-size:15px; line-height:22px; }
#intro-cols{ margin-top:0; display:none; }
#intro-cols div{ margin-top:0; }
#intro-cols h1{ font-size:17px; line-height:24px; margin-bottom:10px; color:#1ba2d0; }
#intro-cols p{ font-size:15px; line-height:22px; }
#experience-cols div div { margin-top:80px; padding:20px 20px 20px 20px; }
#experience-cols img { float:left; position:static; margin-bottom:20px; }
#experience-cols h1 { font-size:24px; line-height:28px; }
#experience-cols h2 { position:absolute; left:0; width:80%; text-align:left; padding-left:50px; }
#experience-cols h2 img{ position:absolute; top:-7px; left:0; }
#experience-cols p { font-size:15px; line-height:22px; }
#title-banner h1{ font-size:22px; padding-top:20px;  }
#title-banner h2{ font-size:40px; margin-top:5px; }
#title-banner h3{ font-size:40px; margin-top:10px; padding-top:12px; width:60%; margin:0 auto;  }
#title-banner p{ display:none; }
#title-banner.prefix h1{ font-size:25px; padding-top:30px;  }
#title-banner.prefix h2{ font-size:42px; }
#description{ padding-bottom:20px; }
#description ul li{ font-size:15px; line-height:24px; margin-bottom:5px; }
#description h3{ font-size:15px; }
#description p{ font-size:15px; }
#about-warp{ float:left; margin-top:0; margin-bottom:30px; }
#about-warp div{ margin-bottom:10px; min-height:90px; }
#about-warp h1{ width:95%; }
#contact-title h2{ margin-bottom:40px; }
#contact-form{ padding-bottom:80px; }
#contact-form p{ font-size:12px; }
#contact-captcha-warp{ display:inline-block; width:100%; margin-bottom:20px; }
#contact-submit-warp{ display:inline-block; width:100%; text-align:center; }
#contact-form input[type=button]{ padding:10px 70px;}
#lookfor-left{ margin-bottom:20px; }
#lookfor-right hgroup h2{ font-size:15px;}
.lookfor-col h1{ font-size:18px;  }
.lookfor-col p{ font-size:14px;}
.lookfor-col a{ font-size:14px; }
#find-machine-scroller{ margin-top:250px; padding-top:50px; }
#find-machine-list li{ display:inline-block; width:100%; height:260px; list-style:none; margin:0; text-align:center; }
#find-machine-list li h1{ font-size:15px; font-weight:normal; color:#666; margin-top:10px; }
#sliderContainer{ margin:80px auto 0; position:relative; top:80px;  }
#slides a.prev{ z-index:9; position:relative; left:-50px; top:-150px; }
#slides a.next{ z-index:9; position:relative; left:185px; top:-150px; }
.lookfor-col{ padding: 20px 30px 20px 30px; text-align:center; }
.lookfor-col h1{ margin:10px 0; }
.lookfor-col p{ text-align:left; }
.lookfor-col img{ position:static; }
.lookfor-col a{ padding:10px 80px; }

/* Login */
.box-container{ float:left; width:84%; padding:10px 15px; margin:10px 0 15px 0; }
.box-container h1{ margin-bottom:5px; }
.box-container h2{ margin-bottom:5px; }
.box-container input[type=text], .box-container input[type=password], .box-container input[type=tel]{ margin:5px 0; }


/* Register */
#register-box input[type=text], #register-box input[type=tel]{ margin:0; border-top:none; border-bottom:none; }
#register-box input[type=text]:first-child, #register-box input[type=tel]:first-child{ border-top:4px solid rgb(242, 245, 247); margin-top:10px; }
#register-box input[type=text]:nth-child(3n+0), #register-box input[type=tel]:nth-child(3n+0){ border-bottom:4px solid rgb(242, 245, 247); margin-bottom:10px; }
#register-box input[type=password]{ margin:0; border-top:none; border-bottom:none; }
#register-box input[type=password]:first-child{ border-top:4px solid rgb(242, 245, 247); margin-top:10px; }
#register-box input[type=password]:nth-child(3n+0){ border-bottom:4px solid rgb(242, 245, 247); margin-bottom:10px; }
#register-box input[type=checkbox]{ margin-bottom:0px; position:relative; top:-12px;  }
#register-box h2{ font-size:15px; line-height:20px; margin-bottom:5px; }
#register-box p{ font-size:12px; line-height:16px; padding-left: 2px; }

/* Forget Password */
#forget-pw-box h1{ font-size:20px; line-height:22px; text-align:left; }
#forget-pw-box h2{ font-size:13px; line-height:18px; text-align:left; }

/* Forget Password - Sent */
#forget-pw-sent-box h1{ font-size:20px; line-height:24px; }

/* Profile */
#profile-box{ width:100%; padding:0; }

/* Menu Hidden */
body.menu-hidden nav{ display:none; }
body.menu-hidden header{ height:40px; }
body.menu-hidden #container{ margin:0;}
body.menu-hidden #logo a{ margin:20px auto 0 auto; }
body.menu-hidden #footer-content{ padding:0; }
body.menu-hidden #footer-links{ display:none; }
body.logofix header{ position:fixed; top:10px; left:60px; z-index:99; }

/* FAQ */
#faq-nav{ width:280px; position:fixed; z-index:99; top:60px; font-size:13px; line-height:24px; color:#555; display:inline-block; border:#d9d9d9 solid 1px; background:#f5f5f5; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06); background-image:linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(249,249,249) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(249,249,249))); }
#faq-nav a{ color:#555; display:inline-block; width:116px; padding:5px 10px; border-right:#d9d9d9 solid 1px; border-bottom:#d9d9d9 solid 1px; }
#faq-nav a:nth-child(2n+0){ border-right:none; -moz-border-radius-topright:10px; border-top-right-radius:10px; }
#faq-nav a:nth-child(3n+0){ -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; }
#faq-nav a:first-child{ border-left:none; -moz-border-radius-topleft:10px; border-top-left-radius:10px; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; }
#faq-nav a:last-child{ -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; }
#faq-nav a.active, #faq-nav a:hover{ color:#000; background:#fff; }
#faq-content{ width:100%; margin:180px auto 50px auto; }
#mask{ display:block; position:fixed; top:0; z-index:98; width:100%; height:180px; background:url(../images/bg.jpg) repeat; }

/* Request for permission */
#request-for-permission-bottom{ width:100%; position:fixed; z-index:999; bottom:0; left:0; padding:5px; background:#e1e1e1; border-top:#CCC solid 1px; }
#request-for-permission-bottom input{ width:40%; margin:0 14px; }

/* For loading image of block */
#loading
{
    display : none;
    position : relative;
    z-index:10000;
    background-color:#f0f0f0;
    width : 74%;
    min-height : 50px;
    border:1px solid #666;
    top : 120px;
    text-align: center;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
#register-box #loading p
{
    position : relative;
    top : 50px;
    font-size : 25px;
    text-align : center;
}
#register-box #loading img
{
    position : relative;
    top : 80px;
    display : block;
    margin : auto;
}
#login-box #loading p
{
    position : relative;
    top : 10px;
    font-size : 25px;
    text-align : center;
}
#login-box #loading img
{
    position : relative;
    top : 30px;
    display : block;
    margin : auto;
}
#request-for-permission-bottom #loading img
{
    position : relative;
    display : block;
    margin : auto;
    width : 50px;
    height : 50px;
}
}

/* non-png */
#app-reviewer{ background:url(../images/app-reviewer-bg.jpg) no-repeat top center; height:500px; }

/* messaage page */
#message-box h1{ font-size:20px; line-height:24px; }
#message-box h1 a{ color: black; }