/* Reset default browsers' CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* for general purpose */
body { font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; color: #444; background: url(../img/bg.png) repeat 0 0 transparent; behavior: url("/inc/css/csshover3.htc"); }
a:link, a:visited { color: #333; font-style: italic; }
a:hover { color: #555; }
h1 { font-size: 1.8em; font-weight: normal; padding: 8px 10px; background: #EFEFEF; }
h2 { font-size: 1.6em; font-weight: normal; font-family: Georgia, serif; font-style: italic; }
h3 {  }
h4 {  }
h5 {  }
small { font-size: 0.6em; opacity: 0.8; }
.borderRadius4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.borderRadius8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.spacer { clear: both; }
.legend { font-style: italic; font-family: Georgia,serif; }
.hasButton { margin: 8px 0; }

/* dialogs boxes */
.dialog { margin:3px 0 5px; padding:10px 10px 4px 52px; min-height: 34px; background: #EFEFEF; background-position:10px 8px; background-repeat:no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.dialog.error { background-image: url(../img/icons/dialogError_32.png); }
.dialog.valid { background-image: url(../img/icons/dialogValid_32.png); }
.dialog.info { background-image: url(../img/icons/dialogAsk_32.png); }
.dialog.tips { background-image: url(../img/icons/dialogTips_32.png); }
.dialog.warning { background-image: url(../img/icons/dialogWarning_32.png); }
.dialog.mail { background-image: url(../img/icons/dialogMail_32.png); }

/* tabs */
.tabSlider { display:block; clear:both; }
.tabSlider li { float:left; margin-right:2px; list-style:none; margin: 20px 3px 25px 0; }
.tabSlider li a:link, .tabSlider li a:visited { display:block; padding:10px 20px; text-decoration: none; font-weight:bold; color: #FFF; -moz-border-radius:4px; -webkit-border-radius:4px; }
.tabSlider li a { background: #549529 url(../img/joinUsButtonBackground.png) repeat-x center top; }
.tabSlider li:hover a { background: #549529 url(../img/joinUsButtonBackground.png) repeat-x center center; }
.tabSlider li.selected a { background: #5F737A url(../img/joinUsButtonBackground.png) repeat-x center bottom; }

/* main containers */
.publicHomeMainBlock { position: relative; width: 1008px; margin: 0 auto; z-index: 10; }
.publicHomeContents { position: relative; background: #FFF; padding: 20px; margin-top: -10px; }
.publicHomeContentsTopArrow { position: absolute; bottom:8px; left: 47px; width: 0; height: 0; border-bottom: 20px solid #FFF; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: none; }
.publicHomeLeft { float: left; width: 545px; }
.publicHomeRight { float: right; width: 395px; }
.publicHomeLogIn, .publicHomeJoinUs { background: #EFEFEF; margin-bottom: 8px; padding: 20px; }
.publicHomeFooter { position: fixed; background: url(../img/homeCity.png) repeat-x; bottom: 0; width: 100%; height: 117px; z-index: 0; }

/* header elements */
.publicHeaderLogo { padding: 2% 30px 0;  position: relative; height: 90px; width: 948px; z-index: 0; }

/* join us elements */
.publicHomeJoinUs h2 { margin-top: 10px; }

/* mail sent */
.publicGetStartNow { margin-top: 25px; }

/* home badges */
.publicHomeSocialNtwk { width: 100%; }
.publicHomeSocialNtwkRight { float: right; }

/* home photos slideshow */
.publicHomePhotos { display: block; width: 350px; margin: 5px auto; }
.publicHomePhotosBorderTop { display: block; height: 15px; background: url(../img/homePhotosBorderTop.png) no-repeat top center; }
.publicHomePhotosBorderBottom { display: block; height: 10px; background: url(../img/homePhotosBorderBottom.png) no-repeat top center; }

/* forms */
a.joinUsButton { float: right; background: url(../img/joinUsButtonBackground.png) center top repeat-x #549529; padding: 8px 50px; font-size: 1.5em; color: #FFF; text-shadow: -1px -1px 0 #5A9136; text-decoration: none; border: 1px solid #5A9136; font-style: normal; font-weight: bold; }
a.joinUsButton:hover { background: url(../img/joinUsButtonBackground.png) center center repeat-x #1d7da0; text-shadow: -1px -1px 0 #307E9B; border: 1px solid #307E9B; }
a.joinUsButton:active, a.joinUsButton.stayActive { background: url(../img/joinUsButtonBackground.png) center bottom repeat-x #5f737a; text-shadow: -1px -1px 0 #63747A; border: 1px solid #63747A; }
.labelText { display: inline-block; width: 120px; margin: 10px 0 0; }
.inputText { font-size: 1.2em; width: 325px; padding: 7px 10px; margin: 0 0 15px;background: #F6F6F6; border: 1px solid #e4d8d0; }
.inputSubmit, .buttonStyle, button { background: url(../img/joinUsButtonBackground.png) center top repeat-x #549529; padding: 8px 30px; font-size: 1.5em; color: #FFF; text-shadow: -1px -1px 0 #5A9136; border: 1px solid #5A9136; font-style: normal; font-weight: bold; cursor: pointer; }
.inputSubmit:hover, .inputSubmit:focus, .inputSubmit.focus, .buttonStyle:hover, .buttonStyle:focus, .buttonStyle.focus, button:hover, button:focus, button.focus { background: url(../img/joinUsButtonBackground.png) center center repeat-x #1d7da0; text-shadow: -1px -1px 0 #307E9B; border: 1px solid #307E9B; }
.inputSubmit:active, .buttonStyle:active, button:active { background: url(../img/joinUsButtonBackground.png) center bottom repeat-x #5f737a; text-shadow: -1px -1px 0 #63747A; border: 1px solid #63747A; }
.inputTextEmpty { font-style: italic; color: #A3A3A3; font-weight: normal; }
span.checkbox { background:url(../img/formCheckboxRadio.png) no-repeat; display:block; float:left; width:24px; height:24px; }
.radioLabel { display: inline-block; margin: 8px 0 0 2px; }
.buttonStyle:link, .buttonStyle:visited { color: #FFF; display: inline-block; text-decoration: none; font-weight: bold; font-style: normal; }
fieldset { border-bottom: 1px dotted #e4d8d0; margin-top: 15px; }
.fieldDelete { display:block; float:right; margin-top:5px; }

/* select */
span.select { position:absolute; width:auto; height:30px; margin:1px 0; padding:0 23px 0 8px; border: 1px solid #E4D8D0; color:#2C2C2C; font:12px/30px arial,sans-serif; background:#FEFEFE url(../img/selectBackground.png) no-repeat right center; overflow:hidden; }
select { height:28px; width:159px; }
select.selectEmpty,span.selectEmpty { color:#A3A3A3; font-style:italic; }
select.selectEmpty option { color:#393939; font-style:italic; }
select.tinySelect { width:53px; }
select.smallSelect { width:66px; }
select.mediumSelect { width:208px; }
select.tallSelect { width:347px; }

/* labels */
.inputWrapper div, .inputWrapper input { float: left; }
.inputWrapper { position: relative; height: 40px; clear: left; }
.userInviteContactsGroup { position: relative; margin-bottom: 5px; padding: 5px 7px; background: #EFEFEF; color: #393939; font-size: 1.2em; }
.userInviteContactsGroup label { display: block; float: left; margin: 5px 0 5px 26px; }
.userInviteContactsGroup label span.checkbox { position: absolute; top: 5px; left: 5px; }
.userInviteContactsGroupDeploy { background: url(../img/deploy.png) no-repeat top left transparent; cursor: pointer; position: absolute;  display: block; top: 9px; right: 10px; width: 16px; height: 16px; }
.userInviteContactsGroupCollapse { background: url(../img/collapse.png) no-repeat top left transparent; cursor: pointer; position: absolute; display: block; top: 9px; right: 10px; width: 16px; height: 16px; }

/* special forms */
.publicFormRegister { margin-top: 25px; }
.registerStepByStep li { display: none; float: left; width: 24%; margin: 15px 1% 15px 0; border-bottom: 1px solid #DEDEDE;}
.inputLegend { position: absolute; top: 0; left: 347px; font-style: italic; padding: 11px 10px 11px 20px; margin-left: 2px; width: 240px; background: #EFEFEF; }
.inputLegendArrow { position: absolute; top: 0; left: -17px; border-top: 10px solid #EFEFEF; border-right: 10px solid #EFEFEF; border-bottom: 10px solid transparent; border-left: 10px solid transparent; }
.registerIllustration { float: right; border: 10px solid #EFEFEF; }
.fieldAdd { font-size: 1em; padding: 5px 8px; }

/* retrieve password */
.passwordLost { background: url(../img/retreivePasswordButtonBackground.png) center top repeat-x #CDCDCD; padding: 4px 14px; color: #888; border: 1px solid #CDCDCD; font-style: normal; font-weight: bold; cursor: pointer; margin: 5px 1px 0; }