@charset "utf-8";
/* CSS Document */

div#mask { position: fixed; left: 0; top: 0; z-index: 1; background: url(../images/mask_background.png) repeat left top; display: none; margin: 0; padding: 0; width: 100%; height: 100%;  overflow: hidden; filter: alpha(0.8); }
  
div#boxes div.window, 
div#boxes-pros div.window-pros,
div#boxes-add-cons div.window-add-cons,
div#boxes-add-pros div.window-add-pros { position: fixed; top: 35px; left: 30%; overflow: hidden; color: #2e2e2e; }

div#boxes div#dialog, 
div#boxes-pros div#dialog-pros,
div#boxes-add-cons div#dialog-add-cons,
div#boxes-add-pros div#dialog-add-pros { width: 606px; min-height: 10%; max-height: 75%; padding: 10px; background-color: #ffffff; border-radius: 8px; border: 2px solid #3d4d4d; border-bottom: 5px;  box-shadow: 0px 3px 5px #000000; z-index: 9999; }

div#boxes div#dialog, 
div#boxes-pros div#dialog-pros,
div#boxes-add-pros div#dialog-add-pros,
div#boxes-add-cons div#dialog-add-cons { border-radius: 8px; border: 3px solid #3d4d4d; }

div#boxes div#dialog p, 
div#boxes div#dialog a,
div#boxes-pros div#dialog-pros p,
div#boxes-pros div#dialog-pros a,
div#boxes-add-cons div.window-add-cons a,
div#boxes-add-pros div.window-add-pros a { padding: 0 10px; margin: 0; border: none; } 

div#boxes div#dialog p,
div#boxes-pros div#dialog-pros p { margin: 0 30px 0 0; font-family: Arial; }

div#boxes div#dialog p.user-modal,
div#boxes-pros div#dialog-pros p.user-modal { margin: 10px 30px 0 0; }

div#boxes div#dialog a,
div#boxes-pros div#dialog-pros a,
div#boxes-add-cons div.window-add-cons form a,
div#boxes-add-pros div.window-add-pros form a { color: #08a7fb; }

div#boxes div#dialog a.make-argument,
div#boxes div#dialog a.make-argument:link,
div#boxes div#dialog a.make-argument:visited,
div#boxes-pros div#dialog-pros a.make-argument-pros,
div#boxes-pros div#dialog-pros a.make-argument:link,
div#boxes-pros div#dialog-pros a.make-argument:visited { /* padding: 0; */ font-size: 11px; }

div#boxes div#dialog a.make-argument:hover,
div#boxes-pros div#dialog-pros a.make-argument:hover { text-decoration: underline;  }

div#boxes div#dialog p span.modal-user,
div#boxes-pros div#dialog-pros p span.modal-user { font-weight: bold;}

div#boxes div#dialog a.close, 
div#boxes-add-cons div.window-add-cons a,
div#boxes-add-pros div.window-add-pros a { float: right; text-decoration: none; color: #000000; cursor: pointer; }

div#boxes-pros div#dialog-pros a.close, 
div#boxes-add-pros div.window-add-pros a { float: right; text-decoration: none; color: #000000; border: none; outline: none; }

div#boxes-pros div#dialog-pros a.close,
div#boxes div#dialog a.close, 
div#boxes-add-pros div.window-add-pros a, 
div#boxes-add-cons div.window-add-cons a,
div#boxes-pros div#dialog-pros a.close img,
div#boxes div#dialog a.close img, 
div#boxes-add-pros div.window-add-pros a img, 
div#boxes-add-cons div.window-add-cons a img { border: none; outline: none; }

div#boxes div#dialog p.modal,
div#boxes-pros div#dialog-pros p.modal { padding: 0 10px; font-weight: bold; margin: 10px 0 0 0; font-size: 13px; font-family: Arial; }

div#boxes div#dialog div.main-modal-con,
div#boxes-pros div#dialog-pros div.main-modal-con, 
div#boxes div#dialog div.talking-modal-con,
div#boxes-pros div#dialog-pros div.talking-modal-con { clear: both; padding: 0 6px; width: 570px; height: auto; margin: 0 0 10px 0;  min-height: 80px; overflow: auto; }

div#boxes div#dialog div.talking-modal-con div.modal-img-caption-shape,
div#boxes-pros div#dialog-pros div.talking-modal-con div.modal-img-caption-shape { /* width: 124px; */ width: 74px; height: 100%; text-align: center; float: left; margin: 0; margin: 10px 0 20px 0; padding: 0 4px;  }

div#boxes div#dialog div.talking-modal-con div.users-middle-right-background,
div#boxes-pros div#dialog-pros div.talking-modal-con div.users-middle-right-background { float: left; width: 13px; min-height: 80px; height: 100%;  background: url(../images/users-middle-right-background.png) no-repeat right center; }


div#boxes div#dialog div.talking-modal-con div.users-argument-comment,
div#boxes-pros div#dialog-pros div.talking-modal-con div.users-argument-comment { float: left; width: 450px; min-height: 80px; height: 100%;  border-radius: 8px; background-color: #efefef; padding: 10px; }


div#boxes div#dialog div.talking-modal-con#last div.modal-img-caption-shape,
div#boxes-pros div#dialog-pros div.talking-modal-con#last div.modal-img-caption-shape { width: 124px; }


div#boxes div#dialog div.talking-modal-con#last,
div#boxes-pros div#dialog-pros div.talking-modal-con#last { margin: 20px 0 0 0; }

div#boxes div#dialog div.talking-modal-con img,
div#boxes-pros div#dialog-pros div.talking-modal-con img { border: 1px solid #535353; }

div#boxes div#dialog div.talking-modal-con p.more-talking,
div#boxes-pros div#dialog-pros div.talking-modal-con p.more-talking { margin: 0; font-size: 12px; min-height: 60px; }

div#boxes div#dialog div.talking-modal-con span.make-users-comment-argument,
div#boxes-pros div#dialog-pros div.talking-modal-con span.make-users-comment-argument { margin: 0; font-size: 12px; height: 10px; padding: 0; bottom: 0; }

div#boxes div#dialog div.talking-modal-con span.make-users-comment-argument a:link,
div#boxes div#dialog div.talking-modal-con span.make-users-comment-argument a:visited,
div#boxes-pros div#dialog-pros div.talking-modal-con span.make-users-comment-argument a:link,
div#boxes-pros div#dialog-pros div.talking-modal-con span.make-users-comment-argument a:visited { font-size: 12px; font-weight: bold; color: #1299de; }

div#boxes div#dialog div.talking-modal-con span.make-users-comment-argument a:hover,
div#boxes div#dialog div.talking-modal-con span.make-users-comment-argument a:hover,
div#boxes-pros div#dialog-pros div.talking-modal-con span.make-users-comment-argument a:hover,
div#boxes-pros div#dialog-pros div.talking-modal-con span.make-users-comment-argument a:hover { text-decoration: underline; }

div#boxes div#dialog div#last.talking-modal-con p.more-talking,
div#boxes-pros div#dialog-pros div#last.talking-modal-con p.more-talking { padding-left: 180px; }


div#boxes div#dialog div.talking-modal-con form textarea.cons-comment-shape,
div#boxes-pros div#dialog-pros div.talking-modal-con form textarea.cons-comment-shape { width: 398px; height: 103px; margin: 10px 10px 0 20px; font-size: 12px; resize: none; font-family: Tahoma; border: 1px solid #CCCCCC; outline: none; font-style: italic; color: #665665; }

div#boxes div#dialog div.talking-modal-con form input.submit-more-cons,
div#boxes-pros div#dialog-pros div.talking-modal-con form input.submit-more-cons { clear: both; float: left; font-family: Arial; font-weight: bold; font-size: 13px; background: url(../images/submit-user-settings.png) no-repeat bottom; width: 130px; height: 35px; outline: none; border: none; color: #FFFFFF; cursor: pointer; margin-bottom: 30px; }

div#boxes div#dialog div.talking-modal-con form input.submit-more-cons:hover,
div#boxes-pros div#dialog-pros div.talking-modal-con form input.submit-more-cons:hover { background: url(../images/submit-user-settings-hover.png) no-repeat bottom; }

div#boxes div#dialog div.talking-modal-con p.must-logged,
div#boxes-pros div#dialog-pros div.talking-modal-con p.must-logged,
div#boxes-add-cons div#dialog-add-cons div.talking-modal-con p.must-logged,
div#boxes-add-pros div#dialog-add-pros div.talking-modal-con p.must-logged { font-size: 16px; clear: both; margin: 15px 0 0 0; padding: 20px 0; }

div#boxes-add-cons div#dialog-add-cons div.talking-modal-con p.must-logged,
div#boxes-add-pros div#dialog-add-pros div.talking-modal-con p.must-logged { padding-left: 10px; }

div#boxes-add-cons div.window-add-cons form,
div#boxes-add-pros div.window-add-pros form { padding: 20px; }

div#boxes-add-cons div.window-add-cons form textarea,
div#boxes-add-pros div.window-add-pros form textarea { width: 548px; height: auto; margin: 10px auto; border: 1px solid #CCCCCC; outline: none; font-style: italic; color: #665665; font-size: 12px; resize: none; font-family: Tahoma; padding: 7px 10px;}

div#boxes-add-cons div.window-add-cons form a,
div#boxes-add-pros div.window-add-pros form a { clear: both; float: left; margin: 10px 0; padding: 0; }

div#boxes-add-cons div.window-add-cons form a:hover,
div#boxes-add-pros div.window-add-pros form a:hover { text-decoration: underline; }


div#boxes-add-cons div.window-add-cons form div#add-link,
div#boxes-add-pros div.window-add-pros form div#add-link2 { display: none; width: 500px; height: 30px;  margin: 40px 0 10px 0; }

div#boxes-add-cons div.window-add-cons form div#add-link input,
div#boxes-add-pros div.window-add-pros form div#add-link2 input { width: 548px; font-family: Arial; font-size: 14px; border: 1px solid #CCCCCC; font-style: italic; color: #665665; padding: 3px 10px;}

div#boxes-add-cons div.window-add-cons form div.checkbox,
div#boxes-add-pros div.window-add-pros form div.checkbox { height: 20px; width: 19px; background: url("../images/checkbox_2.gif") no-repeat; cursor: default; text-align:left; margin-top: 50px;  z-index: 1; }

div#boxes-add-cons div.window-add-cons form p,
div#boxes-add-pros div.window-add-pros form p {  float: left; margin: -22px 23px; }

div#boxes-add-cons div.window-add-cons form div.checkbox input.modal-checkbox,
div#boxes-add-pros div.window-add-pros form div.checkbox input.modal-checkbox { float: left; }

div#boxes-add-cons div.window-add-cons form div.checkbox input.modal-checkbox,
div#boxes-add-pros div.window-add-pros form div.checkbox input.modal-checkbox { display: none; }

div#boxes-add-cons div.window-add-cons form div.checkbox input.show,
div#boxes-add-pros div.window-add-pros form div.checkbox input.show { display: inline; }

div#boxes-add-cons div.window-add-cons div.cancel-submit,
div#boxes-add-pros div.window-add-pros div.cancel-submit { height: auto; width: 100%; clear: both; margin: 20px 0 0 0; text-align: right; padding-bottom: 50px; }

div#boxes-add-cons div.window-add-cons div.cancel-submit a,
div#boxes-add-cons div.window-add-cons div.cancel-submit a:link,
div#boxes-add-cons div.window-add-cons div.cancel-submit a:visited,
div#boxes-add-pros div.window-add-pros div.cancel-submit a,
div#boxes-add-pros div.window-add-pros div.cancel-submit a:link,
div#boxes-add-pros div.window-add-pros div.cancel-submit a:visited { margin-left: 360px; font-size: 14px; color: #000000; }

div#boxes-add-cons div.window-add-cons div.cancel-submit a:hover,
div#boxes-add-pros div.window-add-pros div.cancel-submit a:hover { color: #2f94d1; text-decoration: underline; }

div#boxes-add-cons div.window-add-cons div.cancel-submit input.submit-more-cons,
div#boxes-add-pros div.window-add-pros div.cancel-submit input.submit-more-pros { float: right; border: none; font-family: Arial; font-weight: bold; font-size: 13px; background: url(../images/submit-user-settings.png) no-repeat bottom; width: 130px; height: 35px; outline: none; border: none; color: #FFFFFF; cursor: pointer; }


div#boxes-add-cons div.window-add-cons div.cancel-submit input.submit-more-cons:hover,
div#boxes-add-pros div.window-add-pros div.cancel-submit input.submit-more-pros:hover { background: url(../images/submit-user-settings-hover.png) no-repeat bottom;}

div.scrolls, 
div.scrolls-con { position: fixed; z-index: 9999; top: 0; left: 0; }

div.scrolls div:nth-child(1) { background:url(../images/scrollup.png) no-repeat top; width: 60px; height: 30px; margin: 10px 0 0 5px; opacity: 0.8; }
div.scrolls div:nth-child(2) { background:url(../images/scrolldown.png) no-repeat top; width: 60px; height: 30px;  margin: -2px 0 0 5px; opacity: 0.8; }
div.scrolls-con div:nth-child(1) { background:url(../images/scrollupcon.png) no-repeat top; width: 60px; height: 30px; margin: 10px 0 0 5px; opacity: 0.8; }
div.scrolls-con div:nth-child(2) { background:url(../images/scrolldowncon.png) no-repeat top; width: 60px; height: 30px;  margin: -2px 0 0 5px; opacity: 0.8; }

div.scrolls div:hover, 
div.scrolls-con div:hover { opacity: 1; }

.ui-dialog-titlebar-close { visibility: hidden; }

a.show-attention-unregistered { display: none; }

div#boxes-attention-user-unregistered { /* background: url(../images/show-attention-background.png) no-repeat; */ border: 1px solid transparent; display: none; }

div#boxes-attention-user-unregistered p { color: #FFFFFF; }

div#boxes-attention-user-unregistered a.show-attention-close-shape { float: right; margin: -10px; cursor: pointer;  }

div#boxes-attention-user-unregistered div.show-attention-upper-text,
div#boxes-attention-user-unregistered div.show-attention-down-text  { width: auto; height: auto; margin: 45px 40px 0 260px; }

div#boxes-attention-user-unregistered div.show-attention-upper-text h2 { font-family: Arial; font-size: 36px; color: #fdb514; }

div#boxes-attention-user-unregistered div.show-attention-upper-text p { font-size: 14px; width: 320px; }

div#boxes-attention-user-unregistered div.show-attention-down-text p { background: url(../images/show-attention-create-account.png) no-repeat 220px 0; height: 50px; padding-top: 3px; font-size: 24px; padding-left: 40px; text-align: right; }

div#boxes-attention-user-unregistered div.show-attention-down-text p a,
div#boxes-attention-user-unregistered div.show-attention-down-text p a:link,
div#boxes-attention-user-unregistered div.show-attention-down-text p a:visited { color: #FFFFFF; }

div#boxes-attention-user-unregistered div.show-attention-down-text p a:hover { color: #fdb514; }

div#boxes-attention-user-unregistered div.attention-container { width: 590px; height: 140px; background-color: #313b3d; background-image: url(../images/show-attention-texture.png); background-position: top left; background-repeat: repeat; box-shadow: 1px 1px 5px #000000; border-radius: 5px; margin: 0 auto; }

div#boxes-attention-user-unregistered div.attention-container div.top-container { width: 100%; background: url(../images/showattention-top-background.png) no-repeat top left; padding: 20px 40px; margin: 0 auto; }

div#boxes-attention-user-unregistered div.attention-container div.top-container p { background: url(../images/show-attention-create-account.png) no-repeat top left;  min-height: 35px; width: 450px; padding: 5px 0 0 40px; font-size: 24px; font-family: Arial; color: #FFFFFF; }

div#boxes-attention-user-unregistered div.attention-container div.top-container p a:link,
div#boxes-attention-user-unregistered div.attention-container div.top-container p a:visited { color: #FFFFFF; }

div#boxes-attention-user-unregistered div.attention-container div.top-container p a:hover { color: #fdb514; text-decoration: underline; }

div#boxes-attention-user-unregistered div.attention-container div.bottom-container { padding: 5px 40px; margin: 0 auto; }

div#boxes-attention-user-unregistered div.attention-container div.bottom-container p { background: url(../images/show-attention-bottom-background-image.png) no-repeat top left;  min-height: 35px; width: 450px; padding: 5px 0 0 40px; font-size: 14px; font-family: Arial; color: #FFFFFF; }

div#boxes-attention-user-unregistered div.attention-container div.bottom-container p a:link,
div#boxes-attention-user-unregistered div.attention-container div.bottom-container p a:visited { color: #FFFFFF; }

div#boxes-attention-user-unregistered div.attention-container div.bottom-container p a:hover { text-decoration: underline; }

/* vertical track */
#track { width: 8px; margin: 25px 0 0 585px; background-color: #EDEDED; position: fixed; border-radius: 8px; height: 150px; max-height: 150px; border: 1px solid #3d4d4d; display: none; }
			
/* vertical track handle */
#handle { width: 8px; background-color: #3d4d4d; cursor: move; border-radius: 8px; height: 20px; }

/* vertical track pros*/
#track-pros { width: 8px; margin: 25px 0 0 585px; background-color: #EDEDED; position: fixed; border-radius: 8px; height: 150px; max-height: 150px; border: 1px solid #3d4d4d; display: none; }
			
/* vertical track handle pros*/
#handle-pros { width: 8px; background-color: #3d4d4d; cursor: move; border-radius: 8px; height: 20px; }

div#boxes div#dialog.window div.user-details-container,
div#boxes-pros div#dialog-pros.window-pros div.user-details-container { padding-left: 10px; }

div#boxes div#dialog.window div.user-details-container p.user-modal,
div#boxes-pros div#dialog-pros.window-pros div.user-details-container p.user-modal { min-height: 57px; }

div#boxes div#dialog.window div.user-details-container div.image-placeholder,
div#boxes-pros div#dialog-pros.window-pros div.user-details-container div.image-placeholder { width: 68px; height: 57px; float: left; margin-right: 25px; background-color: #343839; }

div#boxes div#dialog.window div.user-details-container div.image-placeholder img,
div#boxes-pros div#dialog-pros.window-pros div.user-details-container div.image-placeholder img { border: 1px solid #CCCCCC; }

/* new layouts */
div#dialog-add-cons.window-add-cons div.top-con-container,
div#dialog-add-pros.window-add-pros div.top-pro-container { height: 50px; }

div#dialog-add-cons.window-add-cons div.top-con-container div.top-con-container-left,
div#dialog-add-pros.window-add-pros div.top-pro-container div.top-pro-container-left { width: 300px; height: 50px; float: left; }

div#dialog-add-cons.window-add-cons div.top-con-container div.top-con-container-right,
div#dialog-add-pros.window-add-pros div.top-pro-container div.top-pro-container-right { width: 70px; height: 50px; float: right; }

div#dialog-add-cons.window-add-cons div.top-con-container div.top-con-container-left h2,
div#dialog-add-pros.window-add-pros div.top-pro-container div.top-pro-container-left h2 { margin-left: 15px; font-size: 18px; font-family: "Myriad Pro"; padding: 12px 0 0 55px; height: 50px; }

div#dialog-add-cons.window-add-cons div.top-con-container div.top-con-container-left h2 { background: url(../images/negatives-top-background.png) no-repeat left top; }

div#dialog-add-pros.window-add-pros div.top-pro-container div.top-pro-container-left h2 { background: url(../images/positives-top-background.png) no-repeat left top; }

div#dialog-add-cons.window-add-cons div.top-con-container div.top-con-container-left h2 span,
div#dialog-add-pros.window-add-pros div.top-pro-container div.top-pro-container-left h2 span { font-weight: bold; }