body { 
    background-color: #111111; 
    color: #ffffff; 
    margin: 0px; 
    min-width:980px; 
    min-height:100%;
    background:#111111 url(../images/header-bg.png) repeat-x left top;
}

:focus {
    outline: 0;
}

body, p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:   13px;
    line-height: 18px;
}

img {
    border:none;
    border-width: 0;
    display:block;
}

ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

p.address {
    margin: 0 0 5px 0;
}

input.submit {
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
}


h2 {
    color: #6fd4d3
}

h1 {
    text-align: center;
    color: #6fd4d3;
    font-size: 20px;
    padding-bottom: 10px;
}

#logoPreview {
    width: 250px;
    height: 100px;
    vertical-align: middle;
    margin: 0 auto;
    background:transparent url(../images/logoPreview.png) no-repeat center top;
    text-align:center;
    padding-top: 70px;
    margin-top: 25%;
}

.vertCent {
    padding-top: 50px;    
}


/*** HEADER ***/
#header {
    width:960px;
    height:75px;
    position: relative;
    margin: 0 auto;
}

#header a{
    color: #6fd4d3;
    text-decoration:none;
    font: bold 100% arial,helvetica,sans-serif;
}

#header a:hover{
    text-decoration:underline;
    background-color: transparent;
}


#headerContent {
    margin: 0 auto;
    width: 960px;
    
    
}


#header #homeLink {
    
    margin-top: 6px;
    float:left;
    
    /*background:transparent url(../images/logo.png) no-repeat left top;*/
}

/*** LOGIN ***/
#header .login {   
    padding-right: 0px;
    padding-top: 15px;	
    height:auto;
    margin:0 auto;
    position:relative;
    float:right;   
    color:#a5a5a5; 
    font-size: 14px;
    font-weight:bold;        
}


input.loginButton { 
    color:#c6ff00; 
    font: bold 90% Arial;
    background-color:#343434; 
    border: 1px solid;    
    border-color: #727272 #727272 #727272 #727272; 
    cursor: pointer;
    padding-bottom: 3px;
    padding-top: 2px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
}

input.loginButton:hover { 
    color:#6fd4d3;
    background-color:#171717; 	
    border: 1px solid;   
    cursor:pointer;        
}

input.loginInput {
    color:#c6ff00; 
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    height:20px;
    width: 150px;
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 	
}

input.loginInput:hover {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
}

input.loginInput:focus {
    border-color: #c6ff00 #c6ff00 #c6ff00 #c6ff00;  
    background-color:#2d2d2d;
}

input.remember {
    color:#c6ff00; 
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 	
}

input.remember:hover {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
}

.already {
    padding-right: 20px;
    padding-top: 40px;
    
}



.subLogin {
    position:absolute;
    top: 38px;   
    right: 180px;
    width: 100%;
    text-align: right;
    float:right;
    font-weight:normal;
}

.spacer {    
    padding-left: 125px; 
    display: inline;
}


/***MAIN CONTENT**/
#container {
    min-height: 100%;
    min-width: 980px;  
    height: 100%;        
    
}

#contentWrapper {
    position:absolute;
    background:transparent url(../images/mainContent-bg.png) no-repeat center top;
    height: 480px;
    width:100%;
    min-width: 980px;  
}

#mainContent {
    margin: 0 auto;
    width: 960px;
    height: 100%;
    padding-top: 12px;   
    
}

#mainContent .slide .rightContent {
    
    height: 350px;
    
}


#home-tour-slides {
    height: 350px;
    
}

.contentTop {
    margin: 0 0 15px 0;
    height: 27px;	
}


/*** LEFT CONTENT ***/
.leftContent {
    float: left;        
    padding-left: 35px;
    text-align:center;         
}


.leftContent a {
    font-size: 10px;        
}

.leftContent .video {
    margin-left: -30px;
}

.leftContent .video img {
    width: 450px;
}




/*** RIGHT CONTENT ***/
.rightContent {
    float:right;
    padding-right: 10px;
    
    
    padding-top: 10px;	
}

#slide-1 h1 {
    text-indent: -9999px;
    background:transparent url(../images/whatisPligus.png) no-repeat left top;
    width: 453px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#slide-2 h2 {
    text-indent: -9999px;
    background:transparent url(../images/videoconferenceTitle.png) no-repeat left top;
    width: 362px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#slide-3 h2 {
    text-indent: -9999px;
    background:transparent url(../images/sharedScreenTitle.png) no-repeat left top;
    width: 387px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#slide-4 h2 {
    text-indent: -9999px;
    background:transparent url(../images/whiteboardTitle.png) no-repeat left top;
    width: 415px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#slide-5 h2 {
    text-indent: -9999px;
    background:transparent url(../images/sharedTextTitle.png) no-repeat left top;
    width: 387px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}


#slide-6 h2 {
    text-indent: -9999px;
    background:transparent url(../images/mapTitle.png) no-repeat left top;
    width: 359px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#slide-7 h2 {
    text-indent: -9999px;
    background:transparent url(../images/audioconference.png) no-repeat left top;
    width: 370px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#slide-8 h2 {
    text-indent: -9999px;
    background:transparent url(../images/chatTitle.png) no-repeat left top;
    width: 370px;
    height: 38px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}



img.meetPligus {    
    float:left;
    padding-left: 0px;
}

.rightContent .feature {	
    /*text-shadow: #000000 -1px -1px;  */
    
    clear:both;
    width: 440px; 
    color: #eeeeee;          
    font-size:15px;    
    font-weight:normal;
    border: 1px solid #111111;
    background-color: #333333;
    line-height: 20px;
    padding: 10px 15px 15px 15px;   
    margin-bottom: 5px;
    /*text-align: justify;*/
    -moz-border-radius:6px;
    -webkit-border-radius:6px; 
    /*   -webkit-box-shadow: 0px 2px 6px #111111;*/
}

.rightContent .feature a {	
    color: white;
    font-weight: normal;
}

.rightContent .feature a:hover {	
    text-decoration: underline;
}

.nextFeature {
    float:right;
    text-shadow: #222222 -1px -1px;  
}

.nextSignUp {
    float:right;
    text-shadow: #222222 -1px -1px;  
}

.inicio {
    float: left;
    text-shadow: #222222 -1px -1px;  
}


.rightContent .actionsWrapper {
    width: 349px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;	
    padding-top: 22px;
    margin-top: -12px;    
}



/*** ACTIONS ***/
.rightContent .actions {
    /* background:transparent url(../images/actions-bg.png) no-repeat center top;*/
    /* background-color: #2d2d2d;
    -moz-border-radius:10px;
    -webkit-border-radius:10px; 
    border: 1px solid #1d1d1d;    */
    height: 185px;
    
}


/*** WATCH A VIDEO! ***/ /*
#watchVideoWrapper {
padding-left: 100px;
padding-top: 15px;
padding-bottom: 20px;
}

a.watchVideoLink {
text-decoration: none;
}

.watchVideo {
border: 1px solid black;
width: 138px;
height: 20px;
padding-right:10px;
padding-top: 6px;
padding-bottom: 6px;
text-align:right;
text-decoration:none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
background: #529f9e;	    
}

.watchPlay{
float:left;
padding-left: 6px;
padding-top: 3px;
}

.watchVideo:hover {
background: #6fd4d3;     
text-decoration: none;
color:#252525;
}

.actions .alternative {
font-weight: bold;
color:#818181;	
}*/


/*** CREATE YOUR ROOM ***/
img.joinButton{
    background: transparent url('../images/joinButton.png') no-repeat top left;
    display: block;
    margin-top: 30px;
    margin-left:18px; /*186px certo menos no IE */    
    float: left;
    line-height: 59px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 67px; /* Height of button background height */
    width: 316px; /* Width of left menu image */
}

img:link.joinButton, img:visited.joinButton, img:active.joinButton{
    color: #494949; 
}


img.joinButton:hover{ 
    background-position: bottom left;
}



.joinButtonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 690px;
    height: 625px;  
    margin-top: -50px;
}



/*** BOTTOM CONTENT ***/
#bottomContent {
    clear: both;        
    /*background: transparent url(../images/lineDiv.png) no-repeat left top; */
    margin-left: 10px;			    
    height: 100px;        
}

#menuBar {
    position: absolute;
    bottom: 10px;    
    margin-left: 300px; 
    text-align: center;	
    width: 420px;
    
}



#bottomContent .moreFeatures {
    float:right;
    margin-top: 70px;
    margin-right: 10px;
}




#dock {
    width: 800px;
    display:inline;
    padding-left: 0px; 
    
}

#dock a {
    display: none;	
}

#dock a:visited{
    text-decoration: none;
}
#dock a{
    text-decoration: none;
    margin: -2px;     
    color: #ffffff;
    text-align:center;   
    
}

#dock a span{
    display:none; 
    position:absolute;
    top:-30px;     
    text-align: center;
    background-color: #222222;
    padding: 2px 5px 2px 5px;
    border: black 1px solid;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    text-shadow: #000000 1px 1px 1px;  
    /*   -webkit-box-shadow: 0px 2px 6px #111111;   */     
    
    
    
    
}


#dock a span.sharedText {
    margin-left: -15px;    
}

#dock a span.sharedScreen {    
    margin-left: -18px;
}

#dock a span.videoconference {
    top: -20px;
    margin-left: 0px;
}

#dock a span.whiteboard {
    top: -25px;
    margin-left: -7px;
}

#dock a span.map {   
    margin-left: -8px;
}

#dock a span.audioconference {
    margin-left: -16px;
}

#dock a span.chat {
    margin-left: 6px;
}

.active{
    background: #d9ffff url(../images/unda.png) no-repeat center bottom;
    height: 100px; 
    
}


#dock img {
    border: none;    
    display:inline;
    margin: -1px -1px -1px -1px;
}
#legend {
    color:#cccccc;
    font-weight:bold;
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif;
    padding-left: 100px;
    position:absolute;
    bottom: 15px;        
    text-align:right;
    width: 200px;
    
}











/*** MENUZIN ***/
/*
ul#dock {
border: 1px solid #d7d7d7;
background: #e1e1e1;	
height: 64px;
padding: 5px 12px 0 12px;	
position: absolute;
background:#e1e1e1;		
margint-left: 0px;

}
ul#dock li {
display: inline;
position: relative;
margin-bottom: 0;
padding-left: 25px;
float: left;
background:#e1e1e1;
}

ul#dock li.first {
padding-left: 12px;

}

ul#dock * {
margin-bottom: 0;
}
ul#dock li a {
display: block;
position: relative;
height:54px;
height:54px;
}
ul#dock li a img{
display: block;
height:100%;
width:100%;
position: relative;
border:0;
}*/

#bottomContent span.features {
    font-size: 18px;
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}





/****************************** SIGN UP ****************************************/

#signupWrapper {
    position:absolute;
    top: 75px;
    background:transparent url(../images/signup-bg.png) no-repeat center top; 
    height: 790px;
    width:100%;
    padding-bottom: 50px;
    padding-top:5px;
    min-width: 980px; 	
}

h1.createAccount {
    text-indent: -9999px;
    background:transparent url(../images/signup.png) no-repeat left top;  
    height: 28px;
    width: 414px;        
    padding: 0 0 0 0;
    margin: 0 0 0 90px;
}


#signup form { position: relative; }  
#signup fieldset { width: 700px; margin: 0 auto; padding: 10px 20px; } 




#signup label { 
    position: relative; /* makes this the 'containing block' for the Absolutely Positoned input element */ 
    width: 170px; /* see 20px left margin on input to center with 'cellspacing' */ 
    display: block; /* required because label is an inline element by default */ 
    text-align: right; /* right align text in label */ 
    margin: 20px 0; 
    font-weight:bold;
    font-size: 18px;
    
    
} 
#signup .form label input { 
    position: absolute; 
    top: 0; 
    padding-top: 3px;
    /* padding-left: 5px;*/
    left: 100%; /* position at right side of label */ 
    margin-left: 20px; /* adds a gap between label and input */ 
    width: 312px; 
    height: 32px;
    color:#ffffff; 
    font: normal 21px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 		
} 

#signup .system label input { 
    position: absolute; 
    top: 0; 
    padding-top: 3px;
    left: 100%; /* position at right side of label */ 
    margin-left: 20px; /* adds a gap between label and input */ 
    width: 312px; 
    height: 32px;
    color:#ffffff; 
    font: normal 21px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 		
} 


#signup .terms label input { 
    position: absolute; 
    top: 0; 
    padding-top: 3px;
    left: 100%; /* position at right side of label */ 
    margin-left: 20px; /* adds a gap between label and input */
}

#signup p.detailsTOS {
    float: right;
    margin-top: -37px;
    padding-right: 116px;
    font-weight:bold;
}



#signup span.validation-error {
    position: absolute; 
    margin-top: 34px;
    width: 309px;
    font-size: 10px;
    text-align:right;
    padding-left:5px;
    font-weight: bold;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;
    
}




#signup p.detailsNL {
    float: right;
    margin-top: -37px;
    padding-right: 127px;
    font-weight:bold;
}


#signup label input:hover {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
}

#signup label input:focus {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
    background-color:#2d2d2d;
}


#signup br { 
    display: none; 
}

#signup .form {
    padding-bottom: 0px;
}

#signup .system {
    padding-bottom: 10px;
}

#signup .humaness {
    padding-top: 30px;
}

#signup p.details {
    color: #cccccc;
    font-size: 80%;
    position:relative;
    width: 170px;
    display:block;
    text-align:right;
    margin-top: -20px;
}



#signup input.submit { 
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#343434; 
    border: 1px solid; 
    height: 40px;
    width: 220px;
    border-color: #727272 #727272 #727272 #727272; 
    cursor:pointer; 
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
}

#signup input.submit:hover { 
    color:#6fd4d3;
    background-color:#171717; 	
    border: 1px solid; 
}

#signup p.submit {
    padding-left: 190px;
    margin-top: 30px;
    padding-bottom: 30px;
}


#signup {
    width: 600px;
    margin: 0 auto;
    
}
.signingUp {
    display:none;  
    font-weight: bold;  
    position: absolute;
    left: 260px;
    color: #cccccc;
}
.signingUp img {
    margin-left: 20px;
}

#signup .recaptcha {
    padding-left: 190px;
    
} 


/******************** RECAPTCHA ******************/

#recaptcha_image{ 
    border: 1px solid black;
    height: 59px;
    background-color: white;
}

#captchaLabel .field_error {
    background:transparent url(../images/field_error.png) no-repeat right top;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -344px;
    top: 15px;
    display: none;
}

#captchabox {    
    position: absolute; 
    margin-top: 35px;
    width: 296px;
    font-size: 10px;
    text-align:right;
    padding-left:5px;
    font-weight: bold;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;  
    display: none;
    
}


#signup .humaness {
    
}
#signup .humaness label { 
    margin-top: 56px;	    
}

#signup p.detailsCaptcha {
    color: #cccccc;
    font-size: 80%;
    position:relative;
    width: 170px;
    display:block;
    text-align:right;
    margin-top: -20px;
    margin-bottom: 50px;
}

#recaptcha_widget {
    position: absolute;
    
    margin-top: -75px; 
    width: 428px;        
}





#recaptcha_data {
    float:left;
    width: 299px;
}
#recaptcha_controls {
    float:right;
    text-align: left;
    background-color: #222222;
    border: 1px solid black;  
    padding: 2px 5px 2px 5px;
    margin-right: 100px;
}

#recaptcha_controls a {
    font-weight: normal;
    color: #ffffff;
    font-size: 9px;    
}

#recaptcha_controls a:hover {
    text-decoration: underline;
}

#recaptcha_controls img{    
    padding: 3px 0 3px 0;
    margin: 0 0 0 0;
    
}



#recaptcha_controls ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
}

#recaptcha_controls ul li {
    list-style-type:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#recaptcha_powered {
    font-size: 9px;
}



#recaptcha_widget input { 
    
    top: 0; 
    padding-top: 3px;
    margin-top: 0px;
    /* padding-left: 5px;*/
    left: 100%; /* position at right side of label */     
    width:300px; 
    height: 32px;
    color:#ffffff; 
    font: normal 21px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 		
}

#recaptcha_widget input.LV_invalid_field {
    border: 1px dashed #ffe682; 
}


/******************** LIVE VALIDATION **********************/
.LV_validation_message{
    position: absolute; 
    margin-top: 34px;
    width: 309px;
    font-size: 10px;
    text-align:right;
    padding-left:5px;
    font-weight: normal;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;   
}

#msgbox{
    position: absolute; 
    margin-top: 34px;
    width: 309px;
    font-size: 10px;
    text-align:right;
    padding-left:5px;
    font-weight: normal;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;   
}



.LV_valid {
    color:#00CC00;    
    
}


.LV_invalid {
    color:#ffe682;
    
}

#formInvalid {
    border: 1px dashed #ffe682; 
}


#signup .form label input.LV_valid_field {
    /*border: 1px solid #008900;  */
}


#signup .form label input.LV_invalid_field {
    border: 1px dashed #ffe682; 
}

#signup .system label input.LV_invalid_field {
    border: 1px dashed #ffe682; 
}




.errorInForm {
    bottom: 0px;
    position: absolute;
    font-weight: bold;
    color:#ffe682;         
    margin-left: 190px; 
    border: 1px dashed #ffe682;  
    padding: 2px 3px 2px 3px;  
    display: none;    
}

.field_ok {
    background:transparent url(../images/field_ok.png) no-repeat right top;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -358px;
    display: none;
    top: 12px;
}

.field_error {
    background:transparent url(../images/field_error.png) no-repeat right top;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -358px;
    top: 12px;
    display: none;
}

#tosLabel .field_ok {
    top: 2px;  
    
}

#tosLabel .field_error {    
    top: 2px;  
}


#tosLabel .LV_validation_message{
    position: absolute; 
    margin-top: 18px;
    width: 309px;
    font-size: 10px;
    text-align:left;
    padding-left:0px;
    font-weight: normal;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;
    text-decoration: overline;    
    
}


/********************** FORGOT PASSWORD **********************/


#forgotPasswordWrapper {       
    font-weight:bold;
    margin-top: 30px;
}


#forgotPassword {       
    
}


#forgotPasswordWrapper .rightContent {
    
    font-weight:normal;
}

#forgotPassword input {     
    
    padding-top: 3px;     
    width: 312px; 
    height: 32px;
    color:#ffffff; 
    font: normal 21px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 
    
}



#forgotPassword input.submitForgot { 
    margin-top: 20px;
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#222222; 
    border: 1px solid; 
    height: 40px;
    width: 220px;
    border-color: #000000 #000000 #000000 #000000; 
    cursor:pointer;         
}

#forgotPassword input.submitForgot:hover { 
    color:#6fd4d3;
    background-color:#171717; 	
    
    
}








/************************ ROOM FORM *************************/

.roomDescription textarea { 
    position: absolute; 
    top: 0; 
    padding-top: 3px;
    left: 100%; /* position at right side of label */ 
    margin-left: 20px; /* adds a gap between label and input */ 
    width: 312px;     
    color:#ffffff; 
    font: normal 21px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 		
}

.roomDescription textarea:hover {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
}


.roomDescription .LV_validation_message{
    position: absolute; 
    margin-top: 105px;
    width: 309px;
    font-size: 10px;
    text-align:right;
    padding-left:5px;
    font-weight: normal;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;   
}

#roomWrapper {
    position:absolute;
    top: 75px;
    background:transparent url(../images/signup-bg.png) no-repeat center top; 
    height: 790px;
    width:100%;
    padding-bottom: 50px;
    padding-top:5px;
    min-width: 980px; 	
}


#createRoom {
    position: relative;
    height: 370px;   
}

#createRoomWrapper {
    margin-top: 0px; 
}

p.submitRoom {
    margin-left: 100px;
    margin-top: 105px;
    
}

.creatingRoom{
    display:none;  
    font-weight: bold;  
    position: absolute;
    left: 260px;
    color: #cccccc;
}
.creatingRoom img {
    margin-left: 40px;
}





.submitRoom input.submitRoom { 
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#222222; 
    border: 1px solid; 
    height: 40px;
    width: 180px;
    border-color: #000000 #000000 #000000 #000000; 
    cursor:pointer; 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;         
}

.submitRoom input.submitRoom:hover { 
    color:#6fd4d3;
    background-color:#171717; 	
    
    
}

#createRoomWrapper .terms {
    margin-top: 90px;
}

#createRoomWrapper .terms label input { 
    position: absolute; 
    top: 0; 
    padding-top: 3px;
    left: 100%; /* position at right side of label */ 
    margin-left: 20px; /* adds a gap between label and input */
}

#createRoomWrapper p.detailsTOS {
    float: right;
    margin-top: -37px;
    padding-right: 16px;
    font-weight: bold;
}

#createRoomWrapper p.detailsTOS a {
    font-size: 12px;
}

#createRoom span.validation-error {
    position: absolute; 
    margin-top: 34px;
    width: 309px;
    font-size: 10px;
    text-align:right;
    padding-left:5px;
    font-weight: bold;
    margin-left:20px; /* position at right side of label */    
    color:#ffe682;
    
}



#createRoom .errorInForm {
    margin-bottom: -20px;
    font-weight: bold;
    color:#ffe682;         
    margin-left: 212px; 
    border: 1px dashed #ffe682;  
    padding: 2px 3px 2px 3px;  
    display: none;  
    
}

#createRoomWrapper span.back {
    position: absolute;
    left: 50px;
    bottom: -30px;
}


#roomTips {
    font-weight: normal;    
}

.urlPreview {
    text-decoration:underline;
}

#createRoom .form label input.LV_invalid_field {
    border: 1px dashed #ffe682; 
}

#createRoom .roomDescription label .LV_invalid_field {
    border: 1px dashed #ffe682; 
}



.roomTipWrapper {   
    width: 260px;
    margin-right: 50px;    
    margin-top: 20px;
    
}

#noJtips p{
    margin-top: 0px;
    
}

.roomTipTitle {
    color: #6fd4d3;
    font-weight: bold;
    font-size: 14px;
}

#roomTip1 {
    position: absolute;
    right: -260px;
    top: -10px;
    background: transparent url(../images/roomTipBG.png) no-repeat left top;    
    width: 260px;
    height: 126px;
    overflow: hidden; 
    padding: 10px 10px 10px 34px; 
    text-align: left;   
    font-weight: normal; 
    display: none; 
    
    
}

.importantTip {
    color: #edd84e;
}

#roomTip2 {
    position: absolute;
    right: -260px;
    top: 55px;
    background: transparent url(../images/roomTipBG.png) no-repeat left top;    
    width: 260px;
    height: 126px;
    padding: 10px 10px 10px 34px; 
    text-align: left;   
    font-weight: normal;
    display: none;        
}

#roomTip3 {
    position: absolute;
    right: -260px;
    top: 150px;
    background: transparent url(../images/roomTipBG.png) no-repeat left top;    
    width: 260px;
    height: 126px;
    padding: 10px 10px 10px 34px; 
    text-align: left;   
    font-weight: normal; 
    display: none;        
}


#loginMenu {   
    margin-right: 15px;
    display: none;
    position: absolute;
    bottom: -1px;
    right: 0px;
    color: #cccccc;
    font-size: 12px;
    
    
    
}

#loginMenu a {      
    
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    padding: 4px 9px 4px 9px;   
    background-color: #424242;   
    list-style-type: none;   
    margin-left: 7px;
    margin-right: 7px;
    font-size: 14px;
    line-height: 25px;
    color: white;
    font-weight: normal;   
    
    
    
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    
    
}

#loginMenu a.showLogin {
    font-weight: bold;
}

#loginMenu a:hover {
    
    text-decoration: none;
    color: white;
    
    background-color: #565656;
    
    
    
}




/************************** WELCOME ************************/
#welcome {
    
}
#welcome .rightWelcome {
    float: right;
    width: 280px;
    margin-right: 50px;
    margin-top: 20px;
    border: 1px solid #111111;
    background-color: #333333;
    padding: 0 10px 10px 10px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    
    
}

#welcome .rightWelcome h2 {
    padding-left: 0px;
    font-size: 13px;  
    
    
}

#welcome .flashAlert {
    background:transparent url(../images/greenStatus.png) no-repeat 3px 7px;
    margin-top: 20px;
    width: 400px;
    font-size: 15px;     
    padding: 7px 7px 7px 7px;
    border: 2px solid #111111;
    background-color: #333333;
    font-weight: bold;
    margin-bottom: 20px
    
}


.flashAlert {
    background:transparent url(../images/greenStatus.png) no-repeat 3px 7px;
    margin-top: 20px;    
    width: 400px;
    margin: 0 auto;
    font-size: 15px;     
    padding: 7px 7px 7px 28px;
    border: 2px solid #111111;
    background-color: #333333;
    font-weight: bold;
    
}

#welcomePligus {
    padding: 30px 30px 30px 30px;
    
}

.welcomeToPligus {
    text-align: left;
    width: 425px;
    margin: 0 auto;
    font-size: 15px;
    color: white;
    font-weight: bold;
    
}

.flashAlertWelcome {
    background:transparent url(../images/greenStatus.png) no-repeat 3px 7px;
    
    width: 400px;
    margin: 0 auto;
    font-size: 15px;     
    padding: 7px 7px 7px 16px;
    border: 1px solid #111111;
    background-color: #333333;
    font-weight: bold;  
    margin-top: 15px;
    margin-bottom: 20px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;   
}


.maySp {
    text-align: center;    
    color: #cccccc;
    border: 1px dashed #5d5d5d;
    padding: 5px 0px 5px 0px;
    width: 425px;
    margin: 0px auto 5px;
    
    
}





/****************************** SIGNIN ****************************************/

#signinWrapper {
    position:absolute;
    top: 40px;       
    padding-bottom: 50px;
    padding-top:5px;
    min-width: 980px; 	
    max-width: 990px;
}



#signin {
    width: 980px;
    margin: 0 auto;
    position: relative;   
    
}

#signin .leftContent {
    float: left;        
    width: 550px;       
    border-right: 2px dashed #282828;        
}

#signin .rightContent {
    position: absolute;
    right: 0px;
    width: 280px;
    margin-right: 30px;
    margin-top: 0px;
    border: 1px solid #111111;
    background-color: #2d2d2d;
    padding: 0 10px 10px 10px; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;         
    
}

#signin .rightContent  p{
    font-weight: normal;
}

#signin .rightContent  h2{
    font-size: 13px;
    padding-left: 0px;
    text-align: left;
}

#createNowWrapper {
    margin: 0 auto;
    width: 100px;
    padding-top: 15px;
    right: 0;
}

a.createNowLink {
    text-decoration: none;
}

.createNow {
    border: 1px solid black;
    width: 100px;
    height: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align:center;
    text-decoration:none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    background: #529f9e;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
}

.createNow:hover {
    background: #6fd4d3;     
    text-decoration: none;
    color:#252525;
}



#signin h2 {
    text-align: center;
}



#signin label { 
    position: relative; /* makes this the 'containing block' for the Absolutely Positoned input element */ 
    width: 170px; /* see 20px left margin on input to center with 'cellspacing' */ 
    display: block; /* required because label is an inline element by default */ 
    text-align: right; /* right align text in label */ 
    margin: 20px 0; 
    font-weight:bold;
    font-size: 18px;    
    
} 

#signin .form label input { 
    position: absolute; 
    top: 0; 
    padding-top: 3px;
    padding-left: 3px;
    left: 100%; /* position at right side of label */ 
    margin-left: 20px; /* adds a gap between label and input */ 
    width: 312px; 
    height: 32px;
    color:#ffffff; 
    font: normal 21px Verdana, Arial, Helvetica, sans-serif;
    background-color:#292929; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 		
}



#signin p.forgot {
    color: #cccccc;
    font-size: 80%;
    position:relative;
    width: 170px;
    display:block;
    text-align:right;     
    margin-top: -20px;
}

#signin p.forgot a {
    font-weight: normal;
}


#signin .rememberme {
    padding-top: 10px;  
}

#signin label.rememberPrompt {  
    font-weight:bold;
    font-size: 100%;
    padding-left: 150px;
    margin-top: -18px;
}

#signin .rememberBox { 
    color:#ffffff;
    margin-left: -150px;
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 		
}



#signin label input:hover {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;    
}

#signin label input:focus {
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
    background-color:#2d2d2d;
}


#signin br { 
    display: none; 
}

#signin .form {
    padding-top: 10px;
    
    
    
}

#signin p.details {
    color: #cccccc;
    font-size: 80%;
    position:relative;
    width: 170px;
    display:block;
    text-align:right;
    margin-top: -20px;
}



#signin input.submit { 
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#282828; 
    border: 1px solid; 
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    border-color: #727272 #727272 #727272 #727272; 
    
}

#signin input.submit:hover { 
    color:#6fd4d3;
    background-color:#171717; 	
    border: 1px solid;
    cursor:pointer;
}

#signin p.submit {
    padding-left: 80px;
    margin-top: 30px;
    padding-bottom: 30px;
}


#signin p.submitPassword {    
    margin-top: 30px;
    padding-bottom: 30px;
}









/***************************** LOGGED **********************************/

#header .userInfo {   
    padding-right: 10px;
    padding-top: 10px;	
    height:auto;
    margin:0 auto;
    position:relative;
    float:right; 
    text-align: center;    
}

.photo {
    background:transparent url(../images/photo-bg.png) no-repeat left top;
    width: 96px;
    height: 94px; 
    margin-left: auto;
    margin-right: auto;
    
    
}

.photo img {
    margin: auto auto;
    padding-top: 10px;
    
    
}

#header .userName {
    font: bold 100% Verdana;
    width: 150px;
    overflow: hidden;
    height: 16px;
}


#loggedWrapper {
    position:absolute;       
    min-width: 980px; 
    max-width: 990px;
    
    
}

#userInfoWrapper {    
    position: absolute;
    top: 0px;
}



#loggedWrapper .left {
    float: left;      
}

#noRooms {
    text-align: center;
    font-weight: bold;
    margin-top: 70px;    
    
    
}


#noRooms .noRoomsNew {
    margin-top: 20px; 
    
    
    
}



#noRooms a {    
    
    color:#c6ff00; 
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    background-color: #3d3d3d;   
    border: 1px solid #000000;
    padding-top: 10px;
    padding-bottom: 10px;    
    padding-left: 8px;
    padding-right: 8px; 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;         
    
}





#noRooms a:hover { 
    color:#6fd4d3;
    border-color: #6fd4d3; 
    background-color:#171717; 
    
}


#noAttendee {
    text-align: center;
    margin-top: 80px;    
}


.myRooms {
    background:transparent url(../images/myRooms.png) no-repeat left top;
    height: 294px; 
    width: 586px;
    padding-bottom: 6px;
    position:relative;
    
}

.myRoomsTitle {
    font: bold 18px Arial, Verdana, Helvetica, sans-serif;
    color: #6fd4d3;
    padding: 10px 10px 8px 12px; 
    margin-left: 5px;    
    background:transparent url(../images/titleLine.png) no-repeat left bottom;  
    
}

.myRoomsTitle:hover .theGray {
    color: #6fd4d3;	
}

.announcementsTitle:hover .theGray {
    color: #6fd4d3;	
}





/********************** TOP NAV MENU ***********************/

#puxaMenu {
    margin-top: -55px;
    position: absolute;
    margin-left: 220px;
}


#menu {    
    float: left;
    margin-top: 75px;
    margin-left: 5px;    
}



#menu a {
    color: #dddddd;  
    padding-left: 16px;
    padding-right: 16px;  
    padding-bottom: 2px;
    padding-top: 0px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px; 
    border: 1px solid transparent;        
}

#menu a#current {
    color: #ffffff; 
    background-color: #2d2d2d;
    border: 1px solid #3d3d3d;
    cursor: default;
}

#menu a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #2d2d2d;
    border: 1px solid #3d3d3d;
}



ul#navlist {
    margin: 0 0 0 0;
    padding: 5px 5px 8px 5px;
    white-space: nowrap;
    font: normal 24px Arial, Verdana, Helvetica, sans-serif;
    background-color: #1d1d1d;
    border: 1px solid #4d4d4d;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;   
    /* -webkit-box-shadow: 0px 4px 5px #000000; */
    
}

#navlist li {
    margin: 0 0 0 0;       
    display: inline;
    list-style-type: none; 
    /* border-left: 1px solid #111111;
    padding-left: 6px;*/
    
}

#navlist li.first {
    
    /*  border-left: none;*/
    
}

#navlist li#active {
    
}






/******************** ABOUT US *************************/

#aboutUs {
    text-align: left;
    padding: 0px 25px 20px 20px;
}




/********************** ALL MY ROOMS ***********************/

ul#rooms {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.room {
    overflow: hidden;
    height: 90px;  
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#rooms .dragger {
    float: left;    
    height: 84px;
    width: 11px;
    cursor: move;
    display: none;
    background: #282828 url(../images/dragger.png) repeat-y left top;
    border: 1px dotted #1d1d1d;
}

.newRoomBig {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
    
}
.newRoomBigLink {     
    font-size: 14px;
    color: #bcf203;
    border: 1px solid black;
    padding: 8px 14px 8px 14px;
    background-color: #222222;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    
    
    
}



.newRoomBigLink:hover {
    color:#6fd4d3;
    background-color:#171717;
    
}

.backHome {
    position: absolute;
    bottom: 10px;
    margin-left: 20px;    
}


#expWrapper {
    position: relative;
    background-color: #393939;
    border: 1px solid black;    
    width:960px;
    margin: 0 auto;    
    min-width: 980px;  
    padding-bottom: 30px;
    margin-bottom: 20px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px; 
    min-height: 200px;
    /*-webkit-box-shadow: 0px 4px 5px #000000; */
    
}

#expWrapper .rightContent {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    min-height: 70px;
}



.allMyRooms {      
    width: 586px;
    padding-bottom: 30px;
    position:relative;
    text-align: left;
    border: 1px solid black;
    background-color: #2d2d2d;
    margin-bottom: 10px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px; 
    
    
}

.regContent {      
    width: 605px;    
    padding-bottom: 20px;
    position:relative;
    text-align: left;
    border: 1px solid black;
    background-color: #2d2d2d;
    margin-bottom: 10px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px; 
    padding-right: 0px;          
    
}

.nobottom {      
    
    padding-bottom: 0px; 
    
}


#expWrapper .leftContentAllMyRooms {
    width: 625px;
    border-right: 2px dashed #2d2d2d;
    margin-left: 5px;  
    margin-top: 10px;        
}




.allMyRooms .roomItemWrapper {       
    margin: 0px 0px 0px 0px;  
    padding-right: 8px;    
    background:transparent url(../images/itemLine.png) no-repeat left bottom;     
}

.allMyRooms .roomItemWrapper:hover {   
    background-color: #333333;
}




.allMyRooms .listWrapper {  
    
    margin-bottom: 30px;
    
}


.allMyRooms ul {
    padding: 17px 17px 0px 5px;
    margin: 0px 17px 0px 17px;
}


.allMyRooms ul li {
    list-style-type:none;       
}

.allMyRooms ul li.adress a {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.allMyRooms .owner {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #cccccc;
}

.allMyRooms .newRoom a {
    position: absolute;
    bottom: 15px;
    right: 25px;
    color:#c6ff00;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    background-color:#222222;
    border: 1px solid;
    height: 20px;        
    border-color: #000000 #000000 #000000 #000000;  
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;  
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    
}



.allMyRooms .newRoom a:hover {
    color:#6fd4d3;
    background-color:#171717;
    
}


.allMyRooms .viewAll {
    float:left;
    margin: 30px 20px 0px 20px;
}








/*********advertising*******/
.advertisingTitle {
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color: #999999;
    text-align:center;
    padding: 5px 10px 3px 12px;
    margin-right: 5px;
    margin-left: 4px; 
    background:transparent url(../images/titleLine.png) no-repeat left bottom;
    position: relative;
    
}

#closeAd {
    position: absolute;    
    font-family: Verdana;
    color: white;   
    right: 10px;
    margin-top: -2px;
    
}

#closeAd a {
    color: white;    
}

#closeAd a:hover {
    color: #cccccc;   
}

.adExample {
    padding: 10px 10px 10px 14px;
    cursor: pointer;
    
}

#adHere {
    float: right;
    padding-right: 18px;
    margin-top: -3px;
    font-size: 10px;
    color: #999999;    
}

#adHere a{
    color: #ffffff;
    font-weight: normal;     
}

#adHere a:hover{
    text-decoration: underline;
    text-decoration: overline;
}

#adHereText, #aboutText {
    text-align: left; 
    padding: 0px 20px 0px 20px;
    
}


#adHereText p, #aboutText p{
    margin: 10px 0px 10px 0px;
}


/********announcements**********/

#annoucementsBox {
    position: relative;
}


ul#twitter_update_list {
    list-style-type: none;    
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    overflow: hidden;
    height: 160px;
}

#twitter_update_list a {
    color: #777777;
    font-weight: normal;
    
    
    
    font-size: 70% !important;
}

#twitter_update_list a:hover {
    color: white;
}

#twitter_update_list span a { 
    color: #bcf203; 
    text-decoration:none; 
    font-weight: normal; 
    font-size: 100% !important;
    
}
#twitter_update_list span a:visited { 
    color: #bcf203; 
}
#twitter_update_list span a:hover { 
    color: #6fd4d3; 
    text-decoration: none; 
}

#twitter_div li {
    background:transparent url(../images/twitterLine.png) no-repeat left bottom;
    padding: 10px 15px 10px 15px;
    margin-left: 5px;
    
}

#twitter_div li:hover {
    background-color: #333333;
}




#twitter-link {
    position: absolute;
    bottom: 30px;
    right: 20px;
    color:#c6ff00; 
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    background-color:#343434; 
    border: 1px solid; 
    height: 20px;        
    border-color: #000000 #000000 #000000 #000000;  
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius:5px;   
    -webkit-border-radius:5px; 
}




#twitter-link:hover {    
    background-color:#171717;  
    color: #6FD4D3;
}


.announcementsTitle {
    font: bold 18px Arial, Verdana, Helvetica, sans-serif;
    color: #6fd4d3;    
    padding: 8px 15px 7px 13px;
    margin-right: 5px;
    margin-left: 4px; 
    background:transparent url(../images/titleLine.png) no-repeat left bottom;
    
}

#announcementsContent{
    padding: 0px 5px 10px 0px;
    height: 200px;
    overflow: hidden;
    text-align: left;
    color: #cccccc;
}

.theGray {
    color: #bebebe;
}

.myRooms .listWrapper {
    height: 175px;
    overflow:hidden;    
}


.roomItemWrapper {
    padding-bottom: 16px;    
    margin: 0px 6px 0px 5px;   
    background:transparent url(../images/itemLine.png) no-repeat left bottom;
}

.roomItemWrapper:hover {   
    background-color: #333333;
}


.myRooms ul {
    padding: 17px 17px 0px 0px;
    margin: 0px 17px 0px 17px;
}


.myRooms ul li {
    list-style-type:none;   	
}

.myRooms ul li.adress a {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.myRooms .owner {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #cccccc;
}

.roomControl {   
    float:right;
    padding-right: 17px;  
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;    
}

.roomControl a{   
    font-weight: normal;
}

.myRooms .newRoom a {
    position: absolute;
    bottom: 31px;
    right: 25px;
    color:#c6ff00; 
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    background-color:#343434; 
    border: 1px solid; 
    height: 20px;        
    border-color: #000000 #000000 #000000 #000000;  
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;  
    -moz-border-radius:5px;
    
    -webkit-border-radius:5px;         
}



.myRooms .newRoom a:hover { 
    color:#6fd4d3;
    background-color:#171717; 
    
}


.myRooms .viewAll a {
    float:left;
    margin: 29px 20px 0px 20px;
    color:#c6ff00; 
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    background-color:#343434; 
    border: 1px solid; 
    height: 20px;        
    border-color: #000000 #000000 #000000 #000000;  
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;  
    -moz-border-radius:5px;
    
    -webkit-border-radius:5px;     
}

.viewAll a:hover {
    color:#6fd4d3;
    background-color:#171717; 
}




/**************SIDE**********/

#loggedWrapper .right {
    float: right;  
    padding-right: 29px;
    padding-top: 3px;
}

.sideBox {
    background:transparent url(../images/sideBox.png) no-repeat left top;
    width: 358px;
    height: 290px;
    padding-bottom: 10px;
}

#editRoomSubmit {
    margin-top: 100px;
}


/*************EDITING USER ***************/

.editing {
    display:none; 
}

.editing img {
    padding-left: 190px; 
    padding-top: 15px;
}

#userEditForm {
    padding-top: 1px;        
}


#userEditForm .photo {    
    background:transparent url(../images/photo-bg.png) no-repeat left top;
    width: 96px;
    height: 94px;    
    
}

#userEditForm .photo img {
    margin: auto auto;
    padding-top: 10px;
    
    
}

#userEditForm p.detailsPhoto {
    color: #cccccc;
    font-size: 80%;
    position:relative;
    width: 170px;
    display:block;
    text-align:right;
    margin-top: -122px;
    margin-bottom: 100px;
}

#photoEditWrapper {
    height: 128px;  
    width: 294px;    
    margin-left: 190px;
    margin-top: -35px;
    border: 1px solid #111111;
    background-color: #333333;
    padding: 0 10px 10px 10px; 
}

#photoEdit {
    padding-top: 10px;
}

#photoEdit input {  
    
    
}



#changePhoto {
    text-align: center;
    cursor: pointer;   
    display: none;
    font-size: 12px;
    font-weight: normal;
    
}

#changePhoto:hover {
    text-decoration: underline;
    
}

#photonoJ {
    font-weight: bold;
}

p.submitUser {
    margin-left: 100px;
    margin-top: 27px;
    
}

.submitUser input.submitRoom { 
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#222222; 
    border: 1px solid; 
    height: 40px;
    width: 180px;
    border-color: #000000 #000000 #000000 #000000; 
    cursor:pointer;  
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
}

.submitUser input.submitRoom:hover { 
    color:#6fd4d3;
    background-color:#171717;   
    
}


#editMenu {    
    text-align: left;
}

#editMenu a {
    color: white;
    padding-left: 7px;  
    font-weight: normal;
    padding-right: 100%;
    height: 100%;
    display: block;
}

#editMenu a.nopadding {    
    padding-right: 0;
}

#editMenu a:hover {
    text-decoration:underline;
}


#editMenu ul {  
    padding-left: 0px;
    
}


#editMenu li {
    list-style-type: none;
    border-top: 1px solid #4d4d4d;
    padding: 5px 0px 5px 0px; 
    background-color: #2d2d2d;
    
    
}

#editMenu li:hover {
    background-color: #222222;  
    
}


#editMenu li.last {
    border-bottom: 1px solid #4d4d4d;   
    margin-bottom: 20px;
    
}


#editMenu li#current {
    background-color: #222222;        
}

#editMenu li#current a {
    text-decoration: underline;   
}

#deleteAccount {
    float:right;
    font-size: 11px;
}
#deleteAccount a {
    color: #cccccc;
    
}




/*************** ROOM CREATED *****************/
#roomCreatedWrapper {
    
    margin-top: 30px;
    
}



#roomCreatedBox {     
    
    width: 440px;
    border: 1px solid #111111;
    background-color: #333333;
    padding: 20px 20px 20px 20px; 
    text-align: left;    
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    height: 90px;
    
}




#roomCreatedButton {
    margin-top: 40px;    
}

#roomCreatedButton a { 
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#222222; 
    border: 1px solid;    
    padding: 10px 20px 10px 20px;    
    border-color: #000000 #000000 #000000 #000000;      
    margin-left: auto;
    margin-right: auto;  
    height: 80px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    
    
    
}

#roomCreatedButton a:hover { 
    color:#6fd4d3;
    background-color:#171717;   
    
}

#roomCreatedLinkBox {
    text-align:center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px dashed #555555;
    padding-top: 7px;
    padding-bottom: 7px;  
    
}

#roomCreatedLinkBox a{
    font-family: Arial;
    font-size: 16px;
}


.roomCreatedTip {
    
}

#hide {
    height: 30px;
}




.nopad {
    padding-bottom: 0px;
}

#joiaum {
    clear:both; 
    
}

#joiaum a, #footer a:visited{
    color:#cccccc;
    text-decoration:none;    
    font-weight:normal;
}

#joiaum a:hover {
    color: #ffffff;
    text-decoration:underline;
    background-color: transparent;
}

joiaum .menu { 
    padding-left:15px;
    float:left;
    font-weight: normal;
    font-size: 12px;
}

#joiaum span.copyright {
    padding-right: 20px;
}

#joiaum .legal {    
    padding-right:45px; 
    float:right;
    font-weight: normal;
    font-size: 12px;    
}



#footer {    
    margin: 0 auto;
    margin-top: -8px;   
    width: 960px;      
    color: #cccccc
}

#footer a, #footer a:visited{
    color:#cccccc;
    text-decoration:none;    
    font-weight:normal;
}

#footer a:hover {
    color: #ffffff;
    text-decoration:underline;
    background-color: transparent;
}

#footer .active {     
    background: transparent;
    text-decoration:underline;
}


#footer .menu { 
    padding-left:10px;
    float:left;
    font-weight: normal;
    font-size: 12px;
}


#footer span.copyright {
    padding-right: 20px;
}


#footer .legal {    
    padding-right: 10px; 
    float:right;
    font-weight: normal;
    font-size: 12px;
}

#footer .legal ul {
    position:absolute;
    right:7px;
    top:54px;
}
#footer .legal ul li {
    list-style-type:none;
    padding:0 8px;	
}


pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

a { color: #bcf203; text-decoration:none; font-weight:bold; }
a:visited { color: #bcf203; }
a:hover { color: #6fd4d3; text-decoration: none; }


.errorAlert {
    text-align:center;   
    height: 22px;
    width: 100%;
    background-color: red;
    display: table;
    color: #fff;
}

.errorAlert .message {
    vertical-align:middle;
    font-weight: bold;
    padding: 5px;
    
}

.flashNotice {
    text-align:center;   
    height: 22px;
    width: 100%;
    background-color: green;
    display: table;
    color: #fff;
}

.flashNotice .message {
    vertical-align:middle;
    font-weight: bold;
    padding: 5px;
    
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    background-color: #000000;
    margin-top:10px;
    margin-left: 80px;
    background:transparent url(../images/alert.png) no-repeat left top;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 33px;
    font-size: 14px;
    margin: -7px;
    color: #ffe682;
    background:#2a2a2a url(../images/alert.png) no-repeat left top;
}

#errorExplanation p {
    color: #cccccc;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid gray;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

p.headline {
    background-color: #222222;
    border: 1px solid #111111;    
    padding: 5px 10px 5px 10px;       
    -moz-border-radius:5px;
    font-size: 110%;
    -webkit-border-radius:5px; 
}



#invitations {
    padding: 15px 20px 10px 20px;
    
}

#inviteText {
    
    margin-bottom: 10px;
    font-size: 15px;
}


input.friendEmail { 
    
    padding-top: 3px;
    /* padding-left: 5px;*/    
    width: 217px; 
    height: 22px;
    color:#ffffff; 
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    background-color:#191919; 
    border: 1px solid; 
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px; 	
    margin-bottom: 5px;
    margin-top: 3px;
    padding-left: 3px;    
    
}

input.friendEmail:hover { 
    border-color: #6fd4d3 #6fd4d3 #6fd4d3 #6fd4d3;
    
}


input.requestButton { 
    color:#c6ff00; 
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    background-color:#232323; 
    margin-left: 200px;
    border: 1px solid;
    width: 190px;
    border-color: #000000 #000000 #000000 #000000;  
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;  
    -moz-border-radius:5px;
    
    -webkit-border-radius:5px;
margin-top: 30px;   
margin-bottom: 70px;  
cursor: pointer;        
       
    
}

input.requestButton:hover {
    color:#6fd4d3;
    background-color:#171717;
    
}

input.inviteButton { 
    color:#c6ff00; 
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    background-color:#232323; 
    
    border: 1px solid;
    width: 90px;
    border-color: #000000 #000000 #000000 #000000;  
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;  
    -moz-border-radius:5px;
    
    -webkit-border-radius:5px;
 
      
       
    
}

.requestExplain {
    
background-color: #333333;   
border: 1px solid black;
padding: 10px 15px;
width: 480px;
margin: 0 auto;  
text-align: left;   
font-size: 14px;  
-moz-border-radius:5px;
    
    -webkit-border-radius:5px; 

margin-bottom: 0px;        
}

input.inviteButton:hover { 
    color:#6fd4d3;
    background-color:#171717; 
    
    
    cursor:pointer;        
}

.invitedFriends {
    font-size: 10px;
    color: #cccccc;
    margin-top: 0px;
    
    
}

.requestButtonWrapper {
    
    width: 276px;
    margin: 0 auto;
    margin-top: 50px;
}

.requestButtonWrapper p {
    color: #999999;
    margin-top: 8px;
    font-size: 11px;    
}

a.signupLink {
 color: #00b1d7;

}

a.signupLink:hover {
text-decoration: underline;

}

a.requestButton {
	background: url('../images/joinButton.png') no-repeat top left;
	width: 261px;
	height:56px;
	display:block;
        margin-left: 7px;
}

a.requestButton:hover {
	background-position: center left;
	
}

a.requestButton:active {	
	background-position: bottom left;	
}

#invitationSent, .invitationSent {
    background-color: #ffdf89;
    font-size: 11px;
    color: #000000;
    padding: 2px 4px 3px 4px;    
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    border: 1px solid;
    display: none;
    cursor: pointer;
    
    
}

#privateBeta {
    text-align: left;
    margin-top: 20px;
    padding: 10px 10px 3px 15px;
    background-color: #222222;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    border: 1px solid black;
    color: #dbdbdb;
    
}

#privateBeta p {
    
    margin-bottom: 10px;
}

.betaTitle {
   
    font-size: 16px;
    padding-bottom: 10px;

    
}



/************** HELP ***********/


#portTest {
    width: 336px;
    margin: 0 auto;
    
}
#FAQ p.question {
    margin: 30px 0 5px 0;
    padding: 0 0 0 0;
    clear:both;    
}

.question {  
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 16px;
    color: #eeeeee;
    font-family: arial;
    
}


.question:hover {  
    text-decoration: underline;
    color: white;
}
.answer {
    background-color: #222222;
    border: 1px solid #111111;
    
    padding: 0px 10px 5px 10px;
    margin-top: 0px;
    display: none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
}


#allToggle span {
    position: relative;
    height: 20px;
    float: right;
    width: 60px;
    cursor: pointer;
    color: #999999;
    padding: 2px 0px 2px 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    font-size: 11px;
}

#allToggle span:hover {
    background-color: #222222;
    border: 1px solid black;
}

#allToggleBt {
    position: absolute;
}


.allToggleClose {
    display: none;
}

#contactEmails p {
    margin: 0 0 0 0;
}


/******** PROFESSIONAL ********/

.subscribeNow {
    background: url('../images/subscribeNow.png') no-repeat top left;
	width: 194px;
	height: 42px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
}

.subscribeNow:hover {
	background-position: center left;
}

.subscribeNow:active {
	background-position: bottom left;
}






.nextStep {
    background: url('../images/nextStep.png') no-repeat top left;
	width: 139px;
	height: 42px;
	display: block;
	float: right;
	margin-top: 10px;
	border: none;
	cursor: pointer;
}

.nextStep:hover {
	background-position: center left;
}

.nextStep:active {
	background-position: bottom left;
}


.whyPro {
	text-align: center;
	font-size: 24px;

	color: #eeeeee;
	padding-top: 20px;
	line-height: 30px;
	padding-bottom:20px;
}

.seeDiff {
	
	font-size: 15px;
	
}


.feature {
	margin-top: 0px;	
	
	position:relative;
	
}

.feature .left {
	float: left;	
}

.feature .right {
	float: right;	
}

.clearBoth {
	clear:both;	
}


.feature .participantsTitle {
	background: url('../images/pro/participants.png') no-repeat top left;	
	height: 50px;
	color: #62d4d3;
	
	padding-left: 55px;
	line-height: 48px;
	
	font-size: 24px;
}


.feature .participants {
	padding-top: 20px;
	margin-left: 275px;
}


.feature .whiteboard {
	padding-top: 15px;
	float: left;
	width: 280px;
}


.feature .whiteboardTitle {
	background: url('../images/pro/whiteboardIcon.png') no-repeat top left;	
	height: 50px;
	color: #62d4d3;
	
	padding-left: 55px;
	line-height: 48px;
	
	font-size: 24px;
}

.feature .whiteboard ul {
	list-style-type: disc;
	padding-left: 20px;
}

.feature .whiteboard li {
	padding-top: 3px;
}

.price {
	font-size: 16px;	
	font-weight: bold;
	color: #c6ffc0;
	background-color: #191919;	
	padding: 2px 5px 3px 5px;	
	border: 1px solid #111111;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.priceWrapper {
	margin-top: 15px;
	margin-bottom: 20px;
}

.perMonth {
	font-size: 12px;
	color: #cccccc;
}

.introductory {	
	font-size: 10px;
	
	margin-left: -2px;
	color: #cccccc;

	
}

.proStep {
	
	width: 546px;
	margin: 0 auto;
	
	margin-top: 20px;
}

#customizePlan {
	margin-top: 0px;
	padding-left: 5px;
	font-size: 10px;
	color: #cccccc;
	margin-bottom: 5px;
}

#theCart {
	font-size: 18px;	
	margin-bottom: 0px;
	  background-color: #222222;
    border: 1px solid #111111;    
    padding: 30px 5px 30px 5px;       
    -moz-border-radius:5px;    
    -webkit-border-radius:5px; 
	text-align: center;
}

#cartDetails {
	float: right;
	text-align: right;
	margin-top: 10px;
	min-width: 200px;
	
}

#theTip {
	text-align: center;
	font-size: 11px;
	margin-bottom:70px;	
}


#thePlan {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
	color: #bbbbbb;	
	
	
}

#theTotalWrapper {
	background-color: #222222;	
	padding: 5px 8px 6px 8px;	
	border: 1px solid #191919;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	height: 30px;

}

#theTotal {	
	font-size: 16px;
	font-weight: normal;
	
}

#thePrice {
	color: #c6ffc0;	
	font-size: 18px;
	
}

#thePercent, #theMonths, #theLess {
	color: #c6ffc0;	
	font-weight: bold;	
}

#theFree {
	color: #ffffff;
}

#theEvery {	
	
}


#theDiscount {
		color: #cccccc;
		font-size: 11px;
		height: 20px;
		margin-top: 15px;
}

#theValueWrapper {
	height: 20px;	
}

#theValue {
		color: #cccccc;
		font-size: 11px;
		display: none;	
}


#percentFree {
	display: none;	
}

#monthFree {
	display: none;	
}

#roomCombo, #everyCombo {
	font-size: 18px;
	font-family: Verdana;
	color: white;
	background-color: #222222;
	border: 1px solid #bbbbbb;
	
}


.paymentWrapper {
	float: right;	
	width: 139px;	
}

.paymentForm {
	height: 82px;	
}

.paypal {
	width: 103px;
	margin: 0 auto;
	padding-top: 12px;	
}

.payment {
    background: url('../images/pro/payment.png') no-repeat top left;
	width: 139px;
	height: 42px;
	display: block;
	float: right;
	margin-top: 10px;
	border: none;
	cursor: pointer;
}

.payment:hover {
	background-position: center left;
}

.payment:active {
	background-position: bottom left;
}


#orderDetails{
	font-size: 18px;	
	margin-bottom: 0px;
	  background-color: #222222;
    border: 1px solid #111111;    
    padding: 10px 0px 5px 0px;       
    -moz-border-radius:5px;    
    -webkit-border-radius:5px; 	
}

#theDetails {
	margin: 15px 0px;
	font-size: 18px;
	margin-bottom: 5px;
	
}

#theDetails p {
	font-size: 16px;
	padding: 8px 10px;
	margin: 0;	
}

#theDetails p.even {
	background-color: #141414;
}

#theDetails p.odd {
	background-color: #191919;
}

.eachDetail {	
	color: #cccccc;
	font-size: 14px;
	
}

#changeSub {
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
}

#modal {

        position: absolute; 
        width: 100%; 
        height: 100%; 
        background: url(../images/modalBg.png);
        display: none;
        top: 0px;
        
}

#pictureMachine {
    width: 400px;
    height: 473px;
    margin: 0 auto;
    margin-top: 70px;
    background: url(../images/ajax-loader-upload.gif) no-repeat center center;
    
    
}

#picOpen {
    cursor:pointer;

font-size:12px;
font-weight:normal;
text-align:center;
}

#picOpen:hover {

text-decoration: underline;

}