/*@charset "UTF-8";*/ /* CSS Document */ /* GFile.ro - Main Stylesheet Version: 12.11.22 */ @-webkit-keyframes v-motion { from { top: 180px; } 50% { top: 200px; } to { top: 180px; } } @-moz-keyframes v-motion { from { top: 180px; } 50% { top: 200px; } to { top: 180px; } } @-o-keyframes v-motion { from { top: 180px; } 50% { top: 200px; } to { top: 180px; } } @keyframes v-motion { from { top: 180px; } 50% { top: 200px; } to { top: 180px; } } /* GENERAL STYLES START - 13:13 10/2/2014 */ .bold { font-weight: bold; } .italic { font-style: italic; } .normal { font-weight: normal; } .font1 { font-size: 1px; } .font10 { font-size: 10px; line-height: 14px; } .font11 { font-size: 11px; line-height: 15px; } .font12 { font-size: 12px; line-height: 16px; } .font13 { font-size: 13px; line-height: 17px; } .font14 { font-size: 14px; line-height: 18px; } .font16 { font-size: 16px; line-height: 20px; } .font18 { font-size: 18px; line-height: 22px; } .font20 { font-size: 20px; line-height: 24px; } .font22 { font-size: 22px; line-height: 26px; } .font24 { font-size: 24px; line-height: 28px; } .font26 { font-size: 26px; line-height: 30px; } .font28 { font-size: 28px; line-height: 32px; } .font30 { font-size: 30px; line-height: 34px; } .text_left { text-align: left; } .text_right { text-align: right; } .text_center { text-align: center; } .no_shadow { text-shadow: none; } .no_padding { padding: 0; } .white_shadow { text-shadow: 1px 1px 0 #ffffff; } .line26 { line-height: 26px; } .clear { clear: both; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } /* GENERAL STYLES END - 12:18 2/21/2013 */ /* adaugate */ #facebox { /* overlay is hidden before loading */ /*display:none;*/ /* standard decorations */ width:400px; border:5px solid #A3A2A2; /* for modern browsers use semi-transparent color on the border. nice! */ border:5px solid rgba(163, 162, 162, 0.698); /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ -moz-border-radius:8px; -webkit-border-radius:8px; } #facebox div { padding:10px; border:1px solid #3B5998; background-color:#fff; font-family:"lucida grande",tahoma,verdana,arial,sans-serif } #facebox h2 { margin:-11px; margin-bottom:0px; color:#fff; background-color:#6D84B4; padding:5px 10px; border:1px solid #3B5998; font-size:14px; } @CHARSET "UTF-8"; /******* GENERAL RESET *******/ td.def { color:#000000; padding:2px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; font-size: 12px; font-family: Verdana; font-weight: normal; } td.def1 { color:#FFFFFF; padding:2px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; font-size: 12px; font-family: Verdana; font-weight: normal; } td.first { color:#333333; padding:2px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; font-size: 15px; font-family: Verdana; font-weight: normal; text-shadow:1px 1px 0 #FFFFFF; } strong{ font-weight: 700; } /******* GENERAL RESET *******/ h1{ font-weight: 700; font-size: 18px; line-height: 1.2em; //border-bottom: 1px dotted #FF3232; color: #5f95ef; margin-bottom: 1em; } /******* LOGO *******/ #logo{ margin-top: 1em; display: block; } /******* /LOGO *******/ /******* CONTAINER *******/ #container{ width: 600px; margin: 40px auto; text-align: center; } /******* /CONTAINER *******/ /******* FORM *******/ #customForm{ padding: 0 10px 10px; } #customForm label{ display: block; color: #797979; font-weight: 700; line-height: 1.4em; cursor: hand; cursor: pointer; } #customForm input { width: 220px; padding: 6px; color: #818181; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; } #customForm input:hover { border: 1px solid #aaaaaa; } #customForm input:focus { border: 1px solid #61a8d7; } #customForm input.error { margin: 0 auto auto 0; background: #ffecec; border-color: #e77776; -webkit-box-shadow: 0px 0px 3px 0px #f16d6f; -moz-box-shadow: 0px 0px 3px 0px #f16d6f; -ms-box-shadow: 0px 0px 3px 0px #f16d6f; -o-box-shadow: 0px 0px 3px 0px #f16d6f; box-shadow: 0px 0px 3px 0px #f16d6f; } #customForm select { padding: 6px; color: #818181; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; } #customForm select:hover { border: 1px solid #aaaaaa; } #customForm select:focus { border: 1px solid #61a8d7; } #customForm textarea { width: 220px; height: 80px; padding: 6px; color: #adaeae; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 12px; border: 1px solid #cecece; } #customForm textarea:hover { border: 1px solid #aaaaaa; } #customForm textarea:focus { border: 1px solid #61a8d7; } #customForm textarea.error{ margin: 0 auto auto 0; background: #ffecec; border-color: #e77776; -webkit-box-shadow: 0px 0px 3px 0px #f16d6f; -moz-box-shadow: 0px 0px 3px 0px #f16d6f; -ms-box-shadow: 0px 0px 3px 0px #f16d6f; -o-box-shadow: 0px 0px 3px 0px #f16d6f; box-shadow: 0px 0px 3px 0px #f16d6f; } #customForm div{ margin-bottom: 15px; } #customForm div span{ margin-left: 10px; color: #b1b1b1; font-size: 12px; font-style: italic; } #customForm div span.error{ color: #e46c6e; } #customForm #send { background: #f0f0f0; color: #818181; border: 1px solid #cecece; font-style: normal; cursor: pointer; cursor: hand; } #customForm #send:hover { border: 1px solid #aaaaaa; background: #e0e0e0; } #customForm #reset { background: #f0f0f0; color: #818181; border: 1px solid #cecece; font-style: normal; cursor: pointer; cursor: hand; } #customForm #reset:hover { border: 1px solid #aaaaaa; background: #e0e0e0; } #error{ margin: 0 0 20px 0px; border: 1px solid #efefef; color: #FF2929; } .error{ position: absolute; margin: -25px 0 20px 136px; border: 1px solid #efefef; color: #FF2929; padding: 0 3px 0 1px; } #error ul{ list-style: square; padding: 5px; font-size: 11px; } #error ul li{ list-style-position: inside; line-height: 1.6em; } #error ul li strong{ color: #e46c6d; } #error.valid ul li strong{ color: #93d72e; } /******* /FORM *******/ /* RECAPTCHA START - 16:28 3/12/2012 */ .gfileForm #recaptcha_response_field { width: 220px; padding: 6px; color: #818181; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .gfileForm .recaptcha_field { -webkit-box-shadow: 0px 0px 3px -1px #9e9e9e; -moz-box-shadow: 0px 0px 3px -1px #9e9e9e; -ms-box-shadow: 0px 0px 3px -1px #9e9e9e; -o-box-shadow: 0px 0px 3px -1px #9e9e9e; box-shadow: 0px 0px 3px -1px #9e9e9e; border: 1px solid #a4a4a4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; width: 449px; height: 114px; overflow: hidden; } .gfileForm .recaptcha_error { -webkit-box-shadow: 0px 0px 3px -1px #ed2024; -moz-box-shadow: 0px 0px 3px -1px #ed2024; -ms-box-shadow: 0px 0px 3px -1px #ed2024; -o-box-shadow: 0px 0px 3px -1px #ed2024; box-shadow: 0px 0px 3px -1px #ed2024; border: 1px solid #e77776; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; width: 449px; height: 114px; overflow: hidden; } /* RECAPTCHA STOP - 16:28 3/12/2012 */ .gfileForm .input, .textarea, .select { color: #888888; font-size: 14px; font-weight: bold; background-color: #fbfcfd; border-top: 1px solid #a4a4a4; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -moz-transition: 0.3s background-color ease; -ms-transition: 0.3s background-color ease; -o-transition: 0.3s background-color ease; -webkit-transition: 0.3s background-color ease; transition: 0.3s background-color ease; -webkit-box-shadow: 0px 0px 2px -1px #9e9e9e; -moz-box-shadow: 0px 0px 2px -1px #9e9e9e; -ms-box-shadow: 0px 0px 2px -1px #9e9e9e; -o-box-shadow: 0px 0px 2px -1px #9e9e9e; box-shadow: 0px 0px 2px -1px #9e9e9e; overflow: hidden; } .gfileForm .textarea { width: 250px; height: 83px; padding: 6px; } .gfileForm .input { width: 250px; height: 18px; padding: 6px; } .gfileForm .select { width: 120px; height: 32px; padding: 6px; } /* CHECKBOX/RADIO BUTTONS START - 01:12 13.03.2012 */ .gfileForm .label_check, .gfileForm .label_check_error, .gfileForm .label_check_x, .gfileForm .label_check_x_error, .gfileForm .label_radio, .gfileForm .label_radio_error, .gfileForm .label_radio_x, .gfileForm .label_radio_x_error { padding-left: 24px; } .gfileForm .label_check { padding-top: 1px; height: 20px; background: url('../images/gfileForm_checkbox.png') 2px 0 no-repeat; } .gfileForm label.c_hover { background: url('../images/gfileForm_checkbox.png') 2px 0 no-repeat; background-position: 2px -21px; } .gfileForm label.c_on { background: url('../images/gfileForm_checkbox.png') 2px 0 no-repeat; background-position: 2px -42px; } .gfileForm .label_check_error { padding-top: 1px; height: 20px; background: url('../images/gfileForm_checkbox_error.png') 2px 0 no-repeat; } .gfileForm label.c_error_hover { background: url('../images/gfileForm_checkbox_error.png') 2px 0 no-repeat; background-position: 2px -21px; } .gfileForm label.c_error_on { background: url('../images/gfileForm_checkbox_error.png') 2px 0 no-repeat; background-position: 2px -42px; } .gfileForm .label_check_x { padding-top: 1px; height: 20px; background: url('../images/gfileForm_checkbox.png') 2px 0 no-repeat; } .gfileForm label.c_x_hover { background: url('../images/gfileForm_checkbox.png') 2px 0 no-repeat; background-position: 2px -63px; } .gfileForm label.c_x_on { background: url('../images/gfileForm_checkbox.png') 2px 0 no-repeat; background-position: 2px -84px; } .gfileForm .label_check_x_error { padding-top: 1px; height: 20px; background: url('../images/gfileForm_checkbox_error.png') 2px 0 no-repeat; } .gfileForm label.c_x_error_hover { background: url('../images/gfileForm_checkbox_error.png') 2px 0 no-repeat; background-position: 2px -63px; } .gfileForm label.c_x_error_on { background: url('../images/gfileForm_checkbox_error.png') 2px 0 no-repeat; background-position: 2px -84px; } .gfileForm .label_radio { padding-top: 1px; height: 20px; background: url('../images/gfileForm_radio.png') 2px 0 no-repeat; } .gfileForm label.r_hover { background: url('../images/gfileForm_radio.png') 2px 0 no-repeat; background-position: 2px -21px; } .gfileForm label.r_on { background: url('../images/gfileForm_radio.png') 2px 0 no-repeat; background-position: 2px -42px; } .gfileForm .label_radio_error { padding-top: 1px; height: 20px; background: url('../images/gfileForm_radio_error.png') 2px 0 no-repeat; } .gfileForm label.r_error_hover { background: url('../images/gfileForm_radio_error.png') 2px 0 no-repeat; background-position: 2px -21px; } .gfileForm label.r_error_on { background: url('../images/gfileForm_radio_error.png') 2px 0 no-repeat; background-position: 2px -42px; } .gfileForm .label_radio_x { padding-top: 1px; height: 20px; background: url('../images/gfileForm_radio.png') 2px 0 no-repeat; } .gfileForm label.r_x_hover { background: url('../images/gfileForm_radio.png') 2px 0 no-repeat; background-position: 2px -63px; } .gfileForm label.r_x_on { background: url('../images/gfileForm_radio.png') 2px 0 no-repeat; background-position: 2px -84px; } .gfileForm .label_check input, .gfileForm .label_check_error input, .gfileForm .label_check_x input, .gfileForm .label_check_x_error input, .gfileForm .label_radio input, .gfileForm .label_radio_error input, .gfileForm .label_radio_x input, .gfileForm .label_radio_x_error input { position: absolute; left: -9999px; } /* CHECKBOX/RADIO BUTTONS STOP - 01:12 13.03.2012 */ .gfileForm .input:hover, .textarea:hover, .select:hover { -webkit-box-shadow: 0px 0px 3px -1px #787878; -moz-box-shadow: 0px 0px 3px -1px #787878; -ms-box-shadow: 0px 0px 3px -1px #787878; -o-box-shadow: 0px 0px 3px -1px #787878; box-shadow: 0px 0px 3px -1px #787878; } .gfileForm .input_hover, .textarea_hover, .select_hover { -webkit-box-shadow: 0px 0px 3px -1px #787878; -moz-box-shadow: 0px 0px 3px -1px #787878; -ms-box-shadow: 0px 0px 3px -1px #787878; -o-box-shadow: 0px 0px 3px -1px #787878; box-shadow: 0px 0px 3px -1px #787878; } .gfileForm .input:focus, .textarea:focus, .select:focus { background-color: #ffffff; -webkit-box-shadow: 0px 0px 4px -1px #87b2e6; -moz-box-shadow: 0px 0px 4px -1px #87b2e6; -ms-box-shadow: 0px 0px 4px -1px #87b2e6; -o-box-shadow: 0px 0px 4px -1px #87b2e6; box-shadow: 0px 0px 4px -1px #87b2e6;} .gfileForm .input_error { color: #888888; font-size: 14px; font-weight: bold; width: 250px; height: 18px; padding: 6px; background-color: #ffecec; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; border: 1px solid #e77776; -webkit-box-shadow: 0px 0px 6px -2px #f16d6f; -moz-box-shadow: 0px 0px 6px -2px #f16d6f; -ms-box-shadow: 0px 0px 6px -2px #f16d6f; -o-box-shadow: 0px 0px 6px -2px #f16d6f; box-shadow: 0px 0px 6px -2px #f16d6f; overflow: hidden; -moz-transition: 0.3s background-color ease; -ms-transition: 0.3s background-color ease; -o-transition: 0.3s background-color ease; -webkit-transition: 0.3s background-color ease; transition: 0.3s background-color ease; } .gfileForm .input_error:hover { } .gfileForm .input_error:focus { background-color: #fff8f8; } .gfileForm ::-webkit-input-placeholder { color: #c4c4c4; font-weight: bold; font-style: italic; } .gfileForm :-moz-placeholder { color: #c4c4c4; font-weight: bold; font-style: italic; } .gfileForm .disabled { width: auto; padding: 6px; color: #494949; text-align: center; font-family: inherit; font-size: 11px; font-weight: normal; background-color: #e8e8e8; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; } .gfileForm .submit, .reset, .addfile { width: auto; padding: 6px; color: #494949; text-align: center; font-family: inherit; font-size: 11px; font-weight: normal; text-shadow: 0px 1px 0px #ffffff; background-color: #fefefe; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; background-image: -moz-linear-gradient(top, #fefefe, #e8e8e8); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefefe),color-stop(1, #e8e8e8)); background-image: -o-linear-gradient(-90deg, #fefefe, #e8e8e8); background-image: -ms-linear-gradient(top, #fefefe, #e8e8e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e8e8e8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e8e8e8')"; cursor: pointer; cursor: hand; } .gfileForm div.addfile, .gfileForm div.reset, .gfileForm div.submit { position: relative; float: right; margin: 7px auto; top: 0; width: 40px; height: 20px; line-height: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .gfileForm .addfile_disabled { display: none; position: relative; padding: 6px; float: right; margin: 7px auto; top: 0; width: 40px; height: 20px; line-height: 20px; color: #494949; background: #e8e8e8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; cursor: default; } /* REGISTER FORM ACCOUNT TYPES START - 13:24 3/7/2012 */ .gfileForm .submit_free { width: 90px; padding: 6px; color: #494949; text-align: center; font-family: inherit; font-size: 11px; font-weight: normal; background-color: #bdfec6; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; background-image: -moz-linear-gradient(top, #f8fff9, #bdfec6); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8fff9),color-stop(1, #bdfec6)); background-image: -o-linear-gradient(-90deg, #f8fff9, #bdfec6); background-image: -ms-linear-gradient(top, #f8fff9, #bdfec6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8fff9', EndColorStr='#bdfec6'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8fff9', EndColorStr='#bdfec6')"; cursor: pointer; cursor: hand; } .gfileForm .submit_free:hover, .reset_free:hover, .submit_free:focus, .reset_free:focus { width: 90px; background-color: #bdfec6; border: 1px solid #999999; -webkit-box-shadow: 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: 0px 1px 2px 0px #9e9e9e; -o-box-shadow: 0px 1px 2px 0px #9e9e9e; box-shadow: 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #f8fff9, #bdfec6); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8fff9),color-stop(1, #bdfec6)); background-image: -o-linear-gradient(-90deg, #f8fff9, #bdfec6); background-image: -ms-linear-gradient(top, #f8fff9, #bdfec6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8fff9', EndColorStr='#bdfec6'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8fff9', EndColorStr='#bdfec6')"; } .gfileForm .submit_free:active, .reset_free:active { width: 90px; background-color: #c7d5c9; border-top: 1px solid #999999; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #cccccc; border-left: 1px solid #aaaaaa; -webkit-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -o-box-shadow: inset 0px 1px 2px 0px #9e9e9e; box-shadow: inset 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #cfe3d1, #c7d5c9); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cfe3d1),color-stop(1, #c7d5c9)); background-image: -o-linear-gradient(-90deg, #cfe3d1, #c7d5c9); background-image: -ms-linear-gradient(top, #cfe3d1, #c7d5c9); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cfe3d1', EndColorStr='#c7d5c9'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cfe3d1', EndColorStr='#c7d5c9')"; } .gfileForm .submit_premium25 { width: 90px; padding: 6px; color: #494949; text-align: center; font-family: inherit; font-size: 11px; font-weight: normal; background-color: #fffebf; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; background-image: -moz-linear-gradient(top, #fefef9, #fffebf); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefef9),color-stop(1, #fffebf)); background-image: -o-linear-gradient(-90deg, #fefef9, #fffebf); background-image: -ms-linear-gradient(top, #fefef9, #fffebf); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefef9', EndColorStr='#fffebf'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefef9', EndColorStr='#fffebf')"; cursor: pointer; cursor: hand; } .gfileForm .submit_premium25:hover, .reset_premium25:hover, .submit_premium25:focus, .reset_premium25:focus { width: 90px; background-color: #d6d6c3; border: 1px solid #999999; -webkit-box-shadow: 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: 0px 1px 2px 0px #9e9e9e; -o-box-shadow: 0px 1px 2px 0px #9e9e9e; box-shadow: 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #fefef9, #fffebf); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefef9),color-stop(1, #fffebf)); background-image: -o-linear-gradient(-90deg, #fefef9, #fffebf); background-image: -ms-linear-gradient(top, #fefef9, #fffebf); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefef9', EndColorStr='#fffebf'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefef9', EndColorStr='#fffebf')"; } .gfileForm .submit_premium25:active, .reset_premium25:active { width: 90px; background-color: #d6d6c3; border-top: 1px solid #999999; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #cccccc; border-left: 1px solid #aaaaaa; -webkit-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -o-box-shadow: inset 0px 1px 2px 0px #9e9e9e; box-shadow: inset 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #e4e4cf, #d6d6c3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e4e4cf),color-stop(1, #d6d6c3)); background-image: -o-linear-gradient(-90deg, #e4e4cf, #d6d6c3); background-image: -ms-linear-gradient(top, #e4e4cf, #d6d6c3); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4e4cf', EndColorStr='#d6d6c3'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4e4cf', EndColorStr='#d6d6c3')"; } .gfileForm .submit_premium50 { width: 90px; padding: 6px; color: #494949; text-align: center; font-family: inherit; font-size: 11px; font-weight: normal; background-color: #ffe3bf; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; background-image: -moz-linear-gradient(top, #fefbf7, #ffe3bf); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefbf7),color-stop(1, #ffe3bf)); background-image: -o-linear-gradient(-90deg, #fefbf7, #ffe3bf); background-image: -ms-linear-gradient(top, #fefbf7, #ffe3bf); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefbf7', EndColorStr='#ffe3bf'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefbf7', EndColorStr='#ffe3bf')"; cursor: pointer; cursor: hand; } .gfileForm .submit_premium50:hover, .reset_premium50:hover, .submit_premium50:focus, .reset_premium50:focus { width: 90px; background-color: #ffe3bf; border: 1px solid #999999; -webkit-box-shadow: 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: 0px 1px 2px 0px #9e9e9e; -o-box-shadow: 0px 1px 2px 0px #9e9e9e; box-shadow: 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #fefbf7, #ffe3bf); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefbf7),color-stop(1, #ffe3bf)); background-image: -o-linear-gradient(-90deg, #fefbf7, #ffe3bf); background-image: -ms-linear-gradient(top, #fefbf7, #ffe3bf); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefbf7', EndColorStr='#ffe3bf'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefbf7', EndColorStr='#ffe3bf')"; } .gfileForm .submit_premium50:active, .reset_premium50:active { width: 90px; background-color: #d9d1c5; border-top: 1px solid #999999; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #cccccc; border-left: 1px solid #aaaaaa; -webkit-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -o-box-shadow: inset 0px 1px 2px 0px #9e9e9e; box-shadow: inset 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #e3dcd2, #d9d1c5); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e3dcd2),color-stop(1, #d9d1c5)); background-image: -o-linear-gradient(-90deg, #e3dcd2, #d9d1c5); background-image: -ms-linear-gradient(top, #e3dcd2, #d9d1c5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3dcd2', EndColorStr='#d9d1c5'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3dcd2', EndColorStr='#d9d1c5')"; } .gfileForm .submit_premium100 { width: 90px; padding: 6px; color: #494949; text-align: center; font-family: inherit; font-size: 11px; font-weight: normal; background-color: #ffbebe; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; background-image: -moz-linear-gradient(top, #fef6f6, #ffbebe); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fef6f6),color-stop(1, #ffbebe)); background-image: -o-linear-gradient(-90deg, #fef6f6, #ffbebe); background-image: -ms-linear-gradient(top, #fef6f6, #ffbebe); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef6f6', EndColorStr='#ffbebe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef6f6', EndColorStr='#ffbebe')"; cursor: pointer; cursor: hand; } .gfileForm .submit_premium100:hover, .reset_premium100:hover, .submit_premium100:focus, .reset_premium100:focus { width: 90px; background-color: #ffbebe; border: 1px solid #999999; -webkit-box-shadow: 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: 0px 1px 2px 0px #9e9e9e; -o-box-shadow: 0px 1px 2px 0px #9e9e9e; box-shadow: 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #fef6f6, #ffbebe); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fef6f6),color-stop(1, #ffbebe)); background-image: -o-linear-gradient(-90deg, #fef6f6, #ffbebe); background-image: -ms-linear-gradient(top, #fef6f6, #ffbebe); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef6f6', EndColorStr='#ffbebe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef6f6', EndColorStr='#ffbebe')"; } .gfileForm .submit_premium100:active, .reset_premium100:active { width: 90px; background-color: #d8c0c0; border-top: 1px solid #999999; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #cccccc; border-left: 1px solid #aaaaaa; -webkit-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: inset 0px 1px 2px 0px #9e9e9e; -o-box-shadow: inset 0px 1px 2px 0px #9e9e9e; box-shadow: inset 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #e3d0d0, #d8c0c0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e3d0d0),color-stop(1, #d8c0c0)); background-image: -o-linear-gradient(-90deg, #e3d0d0, #d8c0c0); background-image: -ms-linear-gradient(top, #e3d0d0, #d8c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3d0d0', EndColorStr='#d8c0c0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3d0d0', EndColorStr='#d8c0c0')"; } /* REGISTER FORM ACCOUNT TYPES STOP - 13:24 3/7/2012 */ .gfileForm .submit:hover, .reset:hover, .submit:focus, .reset:focus, .addfile:hover, .addfile:focus { width: auto; background-color: #fefefe; border: 1px solid #999999; -webkit-box-shadow: 0px 1px 2px 0px #9e9e9e; -moz-box-shadow: 0px 1px 2px 0px #9e9e9e; -ms-box-shadow: 0px 1px 2px 0px #9e9e9e; -o-box-shadow: 0px 1px 2px 0px #9e9e9e; box-shadow: 0px 1px 2px 0px #9e9e9e; background-image: -moz-linear-gradient(top, #fefefe, #e8e8e8); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefefe),color-stop(1, #e8e8e8)); background-image: -o-linear-gradient(-90deg, #fefefe, #e8e8e8); background-image: -ms-linear-gradient(top, #fefefe, #e8e8e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e8e8e8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e8e8e8')"; } .gfileForm .submit:active, .reset:active, .addfile:active { width: auto; border-top: 1px solid #888888; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #cccccc; border-left: 1px solid #aaaaaa; -webkit-box-shadow: inset 0px 3px 10px 0px #acacac; -moz-box-shadow: inset 0px 3px 10px 0px #acacac; -ms-box-shadow: inset 0px 3px 10px 0px #acacac; -o-box-shadow: inset 0px 3px 10px 0px #acacac; box-shadow: inset 0px 3px 10px 0px #acacac; background-image: -moz-linear-gradient(top, #d0d0d0, #f2f2f2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d0d0d0),color-stop(1, #f2f2f2)); background-image: -o-linear-gradient(-90deg, #d0d0d0, #f2f2f2); background-image: -ms-linear-gradient(top, #d0d0d0, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#f2f2f2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#f2f2f2')"; } .gfileForm .addfile:active:after, .gfileForm .reset:active:after, .gfileForm .submit:active:after { content: ""; position: absolute; bottom: -2px; left: -1px; height: 4px; width: 100%; padding: 0 2px 0 0; z-index: 1; border-bottom: 1px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .gfileForm .button_disabled, .gfileForm .button_disabled:hover { color: #494949; background: #e8e8e8; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #cccccc; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -ms-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; cursor: default; } .gfileForm label { color: #888888; display: block; cursor: pointer; cursor: hand; font-weight: bold; text-align: left; } .inputError { position: absolute; margin: -23px 240px auto; width: 16px; height: 16px; background: url('../images/warning_triangle.png') center center no-repeat; background-size: 16px 16px; } .block_inputError { position: relative; top: -41px; left: 240px; width: 16px; height: 16px; background: url('../images/warning_triangle.png') center center no-repeat; background-size: 16px 16px; } .tri{ border-color: transparent transparent #212121; border-style: solid; border-width: 20px 17px; height: 0; left: 50%; margin: -40px 0 0 -400px; position: absolute; top: 0; width: 0; } p.note { color: #999999; font-style: italic; font-size: 12px; margin: 20px 0 60px; text-align: center; text-shadow: 1px 1px 0 #ffffff; } p.maintenance { color:#E80B0B; font-style:italic; margin:20px 0 60px; text-align:center; font-size: x-large; text-shadow: 1px 1px 0 #FFFFFF; } p.fast_upload { color:#373737; font-style:italic; margin:0px 0 0px; text-align:center; font-size: x-large; text-shadow: 1px 1px 0 #FFFFFF; } a.fast_upload { color:#373737; font-style:italic; margin:0px 0 0px; text-align:center; text-shadow: 1px 1px 0 #FFFFFF; font-size: x-large; } p.header { color:#373737; font-style:italic; margin:0px 0 0px; text-align:left; font-size: x-large; text-shadow: 1px 1px 0 #FFFFFF; } p.footer { color: #373737; font-style: normal; margin: 0px 0 0px; text-align: center; font-size: 10px; text-shadow: 1px 1px 0 #FFFFFF; } p.redirect { color: #373737; font-style: normal; margin: 0px 0 0px; text-align: center; font-size: 10px; text-shadow: 1px 1px 0 #FFFFFF; } html { font-size: 100%; font-style: inherit; font-weight: inherit; border: 0px; text-align: center; height: 100%; margin: 0; padding: 0; text-align: left; } body { margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; height: inherit; background-color: #f7f7f7; } div { text-align: left; } table { margin-left: auto; margin-right: auto; } img { border: 0px; margin: 0; padding: 0; } a:link, a:active, a:visited { color : #6C7579; text-decoration: none; } a:hover { text-decoration: none; color: #ed2024; font-weight: bold; } a.footer:hover { text-decoration: underline; color: #838383; font-weight: normal; } .clear { clear: both; height: 0; visibility: hidden; display: block; } h1 { color: #297CCF; font-size: 14px; font-weight: bold; } h2 { color: #CF2A2A; font-size: 14px; font-weight: bold; } hr.block_divider { background-color: #ffffff; width: 100%; height: 1px; border-top: 1px solid #dadada; border-bottom: 1px solid #ffffff; border-left: 0px; border-right: 0px; } /* 16X16PX ICONS START - 12:27 5/28/2012 */ .icons_16px { display: block; float: left; width: 19px; height: 18px; margin: -2px 7px; background: url('../images/icons_16px.png') no-repeat; } .icons_16px.overview { background-position: 0px 0px; } .icons_16px.graph { background-position: -40px 0px; } .icons_16px.wrench { background-position: -60px 0px; } .icons_16px.social { background-position: -20px 0px; } .icons_16px.plus { background-position: -81px 0px; } .icons_16px.trash { background-position: -101px 0px; } .icons_16px.addressbook { background-position: -120px 0px; } .icons_16px.pencil { background-position: -140px 0px; } .icons_16px.checkmark { background-position: -160px 0px; } .icons_16px.checkmark_green { background-position: -160px -60px; } .icons_16px.xmark { background-position: -180px 0px; } .icons_16px.xmark_red { background-position: -180px -60px; } .icons_16px.network { background-position: -200px -0px; } .icons_16px.document { background-position: -220px -0px; } .icons_16px.file { background-position: -240px -0px; } .icons_16px.file_next { background-position: -260px -0px; } .icons_16px.files { background-position: -280px -0px; } .icons_16px.directory { background-position: -300px -0px; } .icons_16px.directory_next { background-position: -320px -0px; } .icons_16px.directory_plus { background-position: -340px -0px; } a:hover .icons_16px.overview { background-position: 0px -20px; } a:hover .icons_16px.graph { background-position: -40px -20px; } a:hover .icons_16px.wrench { background-position: -60px -20px; } a:hover .icons_16px.social { background-position: -20px -20px; } a:hover .icons_16px.plus { background-position: -81px -20px; } a:hover .icons_16px.trash { background-position: -101px -20px; } a:hover .icons_16px.addressbook { background-position: -120px -20px; } a:hover .icons_16px.pencil { background-position: -140px -20px; } a:hover .icons_16px.checkmark { background-position: -160px -20px; } a:hover .icons_16px.checkmark_green { background-position: -160px -80px; } a:hover .icons_16px.xmark { background-position: -180px -20px; } a:hover .icons_16px.xmark_red { background-position: -180px -80px; } a:hover .icons_16px.network { background-position: -200px -20px; } a:hover .icons_16px.document { background-position: -220px -20px; } a:hover .icons_16px.file { background-position: -240px -20px; } a:hover .icons_16px.file_next { background-position: -260px -20px; } a:hover .icons_16px.files { background-position: -280px -20px; } a:hover .icons_16px.directory { background-position: -300px -20px; } a:hover .icons_16px.directory_next { background-position: -320px -20px; } a:hover .icons_16px.directory_plus, div.addfile:hover .icons_16px.directory_plus { background-position: -340px -20px; } .current .icons_16px.overview, .current a:hover .icons_16px.overview { background-position: 0px -40px; } .current .icons_16px.graph, .current a:hover .icons_16px.graph { background-position: -40px -40px; } .current .icons_16px.wrench, .current a:hover .icons_16px.wrench { background-position: -60px -40px; } .current .icons_16px.social, .current a:hover .icons_16px.social { background-position: -20px -40px; } .current .icons_16px.plus, .current a:hover .icons_16px.plus { background-position: -20px -81px; } .current .icons_16px.addressbook, .current a:hover .icons_16px.addressbook { background-position: -120px -40px; } .current .icons_16px.network, .current a:hover .icons_16px.network { background-position: -200px -40px; } .current .icons_16px.document, .current a:hover .icons_16px.document { background-position: -220px -40px; } .current .icons_16px.file, .current a:hover .icons_16px.file { background-position: -240px -40px; } .current .icons_16px.file_next, .current a:hover .icons_16px.file_next { background-position: -260px -40px; } .current .icons_16px.files, .current a:hover .icons_16px.files { background-position: -280px -40px; } .current .icons_16px.directory, .current a:hover .icons_16px.directory { background-position: -300px -40px; } .current .icons_16px.directory_next, .current a:hover .icons_16px.directory_next { background-position: -320px -40px; } .current .icons_16px.directory_plus, .current a:hover .icons_16px.directory_plus { background-position: -340px -40px; } /* 16X16PX ICONS STOP - 12:27 5/28/2012 */ /* 24X24PX ICONS START - 14:17 5/31/2012 */ .social_24px { display: block; float: left; width: 24px; height: 28px; margin: 0 auto; background: url('../images/gfile_social_small.png') no-repeat; } .social_24px.facebook { background-position: -36px -5px; } .social_24px.twitter{ background-position: -36px -39px; } /* 24X24PX ICONS STOP - 14:17 5/31/2012 */ /* 32X26PX SERVER LOAD START - 13:08 12/21/2012 */ .icons_load { display: block; float: left; width: 32px; height: 26px; margin: 0px 0px; background: url('../images/server_load.png') no-repeat; } .icons_load.grey { background-position: 0px 0px; } .icons_load.green1 { background-position: -32px 0px; } .icons_load.green2 { background-position: -64px 0px; } .icons_load.yellow { background-position: -96px 0px; } .icons_load.orange { background-position: -128px 0px; } .icons_load.red { background-position: -160px 0px; } .icons_load.offline { background-position: -192px 0px; } .text_server_load { position: absolute; margin: -3px auto auto -35px; font-size: 8px; height: 10px; line-height: 10px; font-weight: bold; } /* 32X26PX SERVER LOAD STOP - 13:08 12/21/2012 */ /* 20X20PX SERVER AVAILABILITY START - 13:31 12/21/2012 */ .icons_availability { display: block; float: left; width: 20px; height: 20px; margin: 0px 0px; background: url('../images/server_availability.png') no-repeat; } .icons_availability.green { background-position: 0px 0px; } .icons_availability.red { background-position: -20px 0px; } .icons_availability.grey { background-position: -40px 0px; } /* 20X20PX SERVER AVAILABILITY STOP - 13:31 12/21/2012 */ .content-box { border: 1px solid #AFAFAF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: 0px 1px 8px -1px #888888; -moz-box-shadow: 0px 1px 8px -1px #888888; -ms-box-shadow: 0px 1px 8px -1px #888888; -o-box-shadow: 0px 1px 8px -1px #888888; box-shadow: 0px 1px 8px -1px #888888; } .content-dl-title { margin: 0 0 -1px 47px; width: 88%; height: 24px; align: left; text-align: left; color: #3f3f3f; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cacaca; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 0px 1px 8px -1px #888888; -moz-box-shadow: 0px 1px 8px -1px #888888; -ms-box-shadow: 0px 1px 8px -1px #888888; -o-box-shadow: 0px 1px 8px -1px #888888; box-shadow: 0px 1px 8px -1px #888888; overflow: hidden; } .content-dl-title .content_name { height: 24px; padding: 4px 4px 4px 8px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #f5f5f5, #d6d6d6); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #d6d6d6)); background-image: -o-linear-gradient(-90deg, #f5f5f5, #d6d6d6); background-image: -ms-linear-gradient(top, #f5f5f5, #d6d6d6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#d6d6d6'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#d6d6d6')"; } .content-dl-box { margin: 0 0 0 41px; background-color: #ffffff; width: 89%; align: center; text-align: right; } .content-dl-input { margin: -1px 0 -1px -1px; padding-left: 6px; color: #686868; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; border: 1px solid #cecece; width: 100%; height: 24px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: 0px 1px 10px -1px #888888; -moz-box-shadow: 0px 1px 10px -1px #888888; -ms-box-shadow: 0px 1px 10px -1px #888888; -o-box-shadow: 0px 1px 10px -1px #888888; box-shadow: 0px 1px 10px -1px #888888 } .content-dl-copy { position: absolute; height: 16px; text-align: right; margin: -22px 0 0 0; padding: 0 86% 3px 0; background: url('../images/copy-icon.png') center right no-repeat; visibility: hidden; } .password_changer { width: 92%; align: center; text-align: center; vertical-align: middle; padding: 0px; border: 0px solid #AFAFAF; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -webkit-box-shadow: 0px 1px 5px 0px #888888; -moz-box-shadow: 0px 1px 5px 0px #888888; -ms-box-shadow: 0px 1px 5px 0px #888888; -o-box-shadow: 0px 1px 5px 0px #888888; box-shadow: 0px 1px 5px 0px #888888; } div.confirmbox { padding-top: 10px; background-color: #D7FCD2; border: 1px solid #6EF93E; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } div.errorbox { border: 1px dashed #cc0000; font-weight: bold; background-color: #FBEEEB; text-align: center; padding: 10px; color: #cc0000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } div.successbox { width: 700px; padding: 10px; background-color: #d7fcd2; text-align: center; font-weight: bold; border: 1px dashed #6ef93e; border-radius: 5px; color: #007f09; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } div.failurebox { width: 700px; padding: 10px; background-color: #fcd2d2; text-align: center; font-weight: bold; border: 1px dashed #f93e3e; border-radius: 5px; color: #7f0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } img.ajax_loader { width: 220px; height: 19px; margin: 0 auto; padding: 20px 0; } /* NOSCRIPT MESSAGE START - 12:48 5/22/2012 */ .noscript { width: 100%; position: fixed; margin: 58px auto auto auto; z-index: 3; } .noscript .container { position: relative; margin: 0 auto; width: 752px; background-color: #bb0709; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -webkit-box-shadow: 0px 0px 4px 0px #b70608; -moz-box-shadow: 0px 0px 4px 0px #b70608; -ms-box-shadow: 0px 0px 4px 0px #b70608; -o-box-shadow: 0px 0px 4px 0px #b70608; box-shadow: 0px 0px 4px 0px #b70608; } .noscript .container .container_bg { position: relative; margin: 0 auto; width: 742px; display: block; background-color: #e80a0d; background-image: -moz-radial-gradient(50% 50%, circle cover, #e80a0d, #e8090d, #d3080b, #b70608); background-image: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 350, from(#e80a0d), color-stop(0.2, #e80a0d), to(#b30608)); background-image: -o-radial-gradient(50% 50%, circle cover, #e80a0d, #e80a0d 30%, #ba0709); background-image: -ms-radial-gradient(50% 50%, circle cover, #e80a0d, #e80a0d 30%, #ba0709); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2)'; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .noscript .container .container_bg .message { position: relative; margin: 0 auto; vertical-align: middle; text-align: center; color: #ffffff; font: normal 13px century gothic, arial; padding: 7px; } a.browser_icon { position: relative; display: inline-block; width: 32px; height: 32px; background: url('../images/browser_icons.png') no-repeat; padding-top: 8px; top: 6px; } a.browser_icon.chrome32px { background-position: -112px 0px; } a.browser_icon.firefox32px { background-position: -112px -64px; } a.browser_icon.ie32px { background-position: -112px -128px; } a.browser_icon.opera32px { background-position: -112px -192px; } a.browser_icon.safari32px { background-position: -112px -256px; } /* NOSCRIPT MESSAGE STOP - 12:48 5/22/2012 */ /* MAIN CONTAINER START */ .gradient { width: 100%; position: absolute; top: 0px; background-image: -moz-linear-gradient(top, #ececec, #f7f7f7); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ececec),color-stop(1, #f7f7f7)); background-image: -o-linear-gradient(-90deg, #ececec, #f7f7f7); background-image: -ms-linear-gradient(top, #ececec, #f7f7f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#f7f7f7'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#f7f7f7')"; } .main { height: inherit; margin: 0; padding: 0 0 0 0; } .main .background { height: 100%; width: 100%; position: fixed; top: 50px; left: 0px; background: url('../images/welcome_beta.png') top center no-repeat; -webkit-background-size: 60%; -moz-background-size: 60%; -o-background-size: 60%; background-size: 60%; } /* GLOBAL HEADER START - 23:46 24.04.2012 */ .main .global_header_container { height: 50px; width: 100%; position: fixed; left: 0px; top: 0px; background-color: #3b3832; background: url('../images/gfile_header_bg.png') top left repeat-x; -webkit-box-shadow: 0px 0px 5px 1px #393939; -moz-box-shadow: 0px 0px 5px 1px #393939; -ms-box-shadow: 0px 0px 5px 1px #393939; -o-box-shadow: 0px 0px 5px 1px #393939; box-shadow: 0px 0px 5px 1px #393939; z-index: 3; } .main .global_header_container .beta { margin: -50px auto; float: right; width: 50px; height: 50px; background: url('../images/beta_top_right.png') center center no-repeat; } .main .global_header_container .main_section { border: 1px solid transparent; margin: 0 auto; width: 920px; height: 48px; } /* HEADER TOOLS START - 15:06 5/16/2012 */ .main .global_header_container .main_section .tools { display: block; margin: -25px 0px auto auto; text-align: right; width: 700px; height: 20px; color: #cccccc; font: normal 12px/1.6 century gothic, arial; } .main .global_header_container .main_section .tools .global_header_link { color: #cccccc; text-decoration: none; font: normal 12px/1.6 century gothic, arial; } .main .global_header_container .main_section .tools .global_header_link:hover { color: #ffffff; } .main .global_header_container .main_section .tools .global_header_submenu { margin: -1px auto; border: 1px solid transparent; padding: 0 0 1px 16px; width: 137px; height: 20px; color: #cccccc; text-decoration: none; font: normal 12px/1.7 century gothic, arial; cursor: pointer; cursor: hand; } .main .global_header_container .main_section .tools .global_header_submenu:hover { color: #ffffff; border-top: 1px solid #999792; border-bottom: 1px solid #999792; background: url('../images/gfile_header_bg.png') center left repeat-x; } .main .global_header_container .main_section .tools .global_header_submenu:hover > .arrow_left { background-position: 0 -32px; } .main .global_header_container .main_section .tools .global_header_submenu .arrow_left { display: inline-block; position: relative; margin: 7px 0 0 -16px; background: url('../images/arrow_down.png') 0px -16px no-repeat; width: 13px; height: 8px; padding: 0 3px 0 0; } .main .global_header_container .main_section .tools .global_header_submenu .arrow_left_switched { display: inline-block; position: relative; margin: 7px 0 0 -16px; background: url('../images/arrow_down.png') 0px -40px no-repeat; width: 13px; height: 8px; padding: 0 3px 0 0; } .main .global_header_container .main_section .tools .dropdown_selector { position: relative; display: inline-block; text-align: right; padding: 2px 4px; cursor: hand; cursor: pointer; border: 1px solid transparent; -webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .main .global_header_container .main_section .tools .dropdown_selector:hover > .arrow_down { background-position: 0 -4px; } .main .global_header_container .main_section .tools .dropdown_selector .auth_provider { position: relative; margin: -4px auto; display: inline-block; background: url('../images/gfile_social_small.png') no-repeat; width: 16px; height: 16px; padding-right: 6px; } .main .global_header_container .main_section .tools .switched { color: #ffffff; border: 1px solid #999792; background-color: #999792; background-image: -moz-linear-gradient(top, #686661, #999792); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #686661),color-stop(1, #999792)); background-image: -o-linear-gradient(-90deg, #686661, #999792); background-image: -ms-linear-gradient(top, #686661, #999792); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686661', EndColorStr='#999792'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686661', EndColorStr='#999792'); } .main .global_header_container .main_section .tools .languages_container { display: none; border: 1px solid #999792; cursor: default; position: absolute; margin: 0 0 0 543px; width: 155px; text-align: left; padding: 0; -webkit-box-shadow: 0px 0px 5px 1px #393939; -moz-box-shadow: 0px 0px 5px 1px #393939; -ms-box-shadow: 0px 0px 5px 1px #393939; -o-box-shadow: 0px 0px 5px 1px #393939; box-shadow: 0px 0px 5px 1px #393939; -webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .main .global_header_container .main_section .tools .languages_container_loggedin { display: none; position: relative; margin: -40px 0 0 -174px; width: 155px; } .main .global_header_container .main_section .tools .languages_container_custom { width: 180px; z-index: 0; position: absolute; margin: 0 0 0 518px; } .main .global_header_container .main_section .tools .languages_container .dropdown_contents { width: 155px; padding: 4px 0 4px 0; background-color: #615f5b; background-image: -moz-linear-gradient(top, #686661, #53504f); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #686661),color-stop(1, #53504f)); background-image: -o-linear-gradient(-90deg, #686661, #53504f); background-image: -ms-linear-gradient(top, #686661, #53504f); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686661', EndColorStr='#53504f'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686661', EndColorStr='#53504f'); } .main .global_header_container .main_section .tools .languages_container .dropdown_contents_custom { width: 180px; padding: 4px 0 4px 0; } .main .global_header_container .main_section .tools .dropdown_selector .arrow_down { margin: 1px auto; display: inline-block; background: url('../images/arrow_down.png') 0px 0px no-repeat; width: 13px; height: 4px; } .main .global_header_container .main_section .tools .dropdown_selector .open { margin: 1px auto; display: inline-block; background: url('../images/arrow_down.png') 0px -8px no-repeat; width: 13px; height: 4px; } /* HEADER TOOLS STOP - 15:06 5/16/2012 */ .main .global_header_container .main_section .logo { margin: 10px auto auto 0px; width: 97px; height: 30px; background: url('../images/gfile_header_logo.png') center left no-repeat; cursor: hand; cursor: pointer; } .main .global_header_container .main_section .slogan { margin: -22px auto 0 103px; color: #cccccc; font: italic normal 11px/1.6 century gothic, arial; } /* GLOBAL HEADER STOP - 23:46 24.04.2012 */ .main .container { position: relative; background: url('../images/section_bg1.png'); border: 1px solid #f4f4f4; margin: 170px auto; width: 830px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 10px #c4c4c4; -moz-box-shadow: 0 0 10px #c4c4c4; -ms-box-shadow: 0 0 10px #c4c4c4; -o-box-shadow: 0 0 10px #c4c4c4; box-shadow: 0 0 10px #c4c4c4; z-index: 1; } /* FACEBOOK MESSAGE START - 12:28 5/21/2012 */ .main .container .fb_dl_holder { display: block; text-align: center; } .main .container .fb_dl_holder .fb_like_message { margin: 0 auto; display: block; border: 1px solid #3b5998; background-color: #d9e8ff; width: 550px; height: 100px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; overflow: inherit; } .main .container .fb_dl_holder .fb_like_body { margin: 0 auto; display: block; width: 548px; height: 98px; border: 1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .main .container .fb_dl_holder .fb_like_bg { margin: 0 auto; display: block; width: 548px; height: 98px; background-color: #f1f7ff; background-image: -moz-radial-gradient(50% 50%, circle cover, #f1f7ff, #e4f0ff, #daeaff, #d9e8ff); background-image: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 150, from(#f1f7ff), color-stop(0.2, #f1f7ff), to(#d9e8ff) ); background-image: -o-radial-gradient(50% 50%, circle cover, #f1f7ff, #d5e5fc); background-image: -ms-radial-gradient(50% 50%, circle cover, #f1f7ff, #d5e5fc); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2)'; } .main .container .fb_dl_holder .fb_like_thumbup { position: relative; display: block; width: 180px; height: 100px; background: url('../images/facebook_hand_like.png') center center no-repeat; } .main .container .fb_dl_holder .fb_like_us_text { position: relative; margin: -85px 0 0 180px; display: block; text-align: center; width: 190px; height: 35px; color: #3b5998; font: normal 20px/1.6 century gothic, arial; } .main .container .fb_dl_holder .fb_like_facebook_text { position: relative; margin: 0 0 0 180px; display: block; text-align: center; width: 190px; height: 35px; color: #3b5998; font: normal 24px/1.6 century gothic, arial; font-weight: bold; } .main .container .fb_dl_holder .fb_like_facebook_icon { position: relative; margin: -86px 0 0 370px; display: block; text-align: left; width: 180px; height: 100px; background: url('../images/facebook_logo_icon.png') center center no-repeat; } .main .container .fb_dl_holder .fb_like_arrow_down { position: relative; margin: -1px auto auto 51px; display: block; width: 28px; height: 16px; background: url('../images/facebook_arrow_down.gif') center center no-repeat; } .main .container .fb_dl_holder .fb_like_container { position: relative; margin: 0 auto; width: 450px; height: 80px; padding-top: 20px; } /* FACEBOOK MESSAGE STOP - 12:28 5/21/2012 */ /* MAIN WINDOW START - 13:52 3/6/2012 */ .main .container .content { font-size: 13px; display: block; position: relative; margin: 0 auto; text-align: left; cursor: default; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border: 1px solid #cdcdcd; overflow: hidden; } /*OLD?!?!?!?!*/ .main .container .content .content_header { margin: 0 0 0 0; padding: 0 16px 0 16px; height: 39px; background-color: #f8f8f8; -webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; border-bottom: 1px solid #c4c4c4; background-image: -moz-linear-gradient(top, #f8f8f8, #efefef); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #efefef)); background-image: -o-linear-gradient(-90deg, #f8f8f8, #efefef); background-image: -ms-linear-gradient(top, #f8f8f8, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#efefef'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#efefef')";} .main .container .content .content_header .header_text { position: absolute; margin: 0 0 0 -16px; text-align: left; height: 30px; width: 100%; padding: 10px 0 0 16px; color: #a7a7a7; font-weight: bold; font-size: 16px; text-shadow: 0px 1px 1px #ffffff; -webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 9px; -khtml-border-radius-topright: 9px; -moz-border-radius-topright: 9px; border-top-right-radius: 9px; -webkit-box-shadow: inset 0px 3px 1px -1px #ffffff; -moz-box-shadow: inset 0px 3px 1px -1px #ffffff; -ms-box-shadow: inset 0px 3px 1px -1px #ffffff; -o-box-shadow: inset 0px 3px 1px -1px #ffffff; box-shadow: inset 0px 3px 1px -1px #ffffff; border-bottom: 1px solid #ffffff; } .main .container .content .content_header .login_method { width: 250px; height: 38px; position: absolute; margin: 0 0 0 217px; line-height: 38px; padding: 0 16px 0 0; color: #a7a7a7; font-weight: bold; text-align: right; font-size: 16px; text-shadow: 0px 1px 1px #ffffff; } /*OLD?!?!?!?!*/ /*OLD LOGIN!!!!!!!!!!*/ /* LOGIN WINDOW START - 16:51 4/4/2012 */ //.main .container .content .content_header .header_text .login_div { position: absolute; width: 40px; height: 32px; padding: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; border-top: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #fafbfc; border-left: 1px solid #c2c2c2; background-color: #fafbfc; } //.main .container .content .content_header .header_text .login_div_inactive { position: absolute; width: 40px; height: 31px; padding: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; border: 1px solid #c2c2c2; -webkit-box-shadow: inset 0px 0px 25px -15px #adadad; -moz-box-shadow: inset 0px 0px 25px -15px #adadad; -ms-box-shadow: inset 0px 0px 25px -15px #adadad; -o-box-shadow: inset 0px 0px 25px -15px #adadad; box-shadow: inset 0px 0px 25px -15px #adadad; background-image: -moz-linear-gradient(top, #f4f4f4, #ebebeb); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4f4f4),color-stop(1, #ebebeb)); background-image: -o-linear-gradient(-90deg, #f4f4f4, #ebebeb); background-image: -ms-linear-gradient(top, #f4f4f4, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ebebeb'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ebebeb')"; } /* gfile */ //.main .container .content .content_header .header_text .login_gfile { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -137px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_gfile_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -137px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_gfile_inactive:hover { background-position: -32px -137px; } /* facebook */ //.main .container .content .content_header .header_text .login_facebook { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -1px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_facebook_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -1px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_facebook_inactive:hover { background-position: -32px -1px; } /* twitter */ //.main .container .content .content_header .header_text .login_twitter { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -35px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_twitter_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -35px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_twitter_inactive:hover { background-position: -32px -35px; } /* google+ */ //.main .container .content .content_header .header_text .login_googleplus { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -69px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_googleplus_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -69px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_googleplus_inactive:hover { background-position: -32px -69px; } /* yahoo */ //.main .container .content .content_header .header_text .login_yahoo { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -103px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_yahoo_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -103px no-repeat; width: 32px; height: 32px; } //.main .container .content .content_header .header_text .login_yahoo_inactive:hover { background-position: -32px -103px; } /* LOGIN WINDOW STOP - 16:51 4/4/2012 */ /*OLD LOGIN!!!!!!!!!!*/ .main .container .page_container { background-color: #f8f8f8; position: relative; margin: -11px 0 -11px -11px; width: 832px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; } .main .container .page_container .header_container { overflow: hidden; position: relative; margin: 0 auto; width: 832px; height: 42px; -webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; } .main .container .page_container .header_container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 42px; z-index: 1; -webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; } .main .container .page_container .header_container:before { -webkit-box-shadow: inset 0px 3px 1px -1px #ffffff; -moz-box-shadow: inset 0px 3px 1px -1px #ffffff; -ms-box-shadow: inset 0px 3px 1px -1px #ffffff; -o-box-shadow: inset 0px 3px 1px -1px #ffffff; box-shadow: inset 0px 3px 1px -1px #ffffff; } .main .container .page_container .page_header { border-bottom: 1px solid #cdcdcd; position: relative; margin: 0px auto auto 0px; width: 817px; height: 40px; line-height: 41px; color: #878787; font-weight: normal; font-size: 16px; text-shadow: 1px 1px 0px #ffffff; padding-left: 15px; background-color: #f8f8f8; background-image: -moz-linear-gradient(top, #f8f8f8, #efefef); background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#efefef)); background-image: -webkit-linear-gradient(top, #f8f8f8, #efefef); background-image: -o-linear-gradient(-90deg, #f8f8f8, #efefef); background-image: -ms-linear-gradient(top, #f8f8f8, #efefef); background-image: linear-gradient(top, #f8f8f8, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#efefef', gradientType='0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#efefef', gradientType='0')"; -webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; z-index: 2; } .main .container .page_container .page_header:after, .main .container .page_container .page_header .after { border-bottom: 1px solid #ffffff; content: ""; position: absolute; top: 40px; left: 0; width: 100%; height: 1px; } /*NEW LOGIN!!!!!!!!!!*/ .main .container .page_container .page_header .login_method { width: 400px; height: 40px; position: relative; top: 0px; float: left; line-height: 40px; padding: 0; color: #a7a7a7; font-weight: bold; text-align: left; font-size: 16px; text-shadow: 0px 1px 1px #ffffff; } .main .container .page_container .page_header .login_div { position: absolute; width: 40px; height: 32px; padding: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #f8f8f8; border-left: 1px solid #cdcdcd; background-color: #f8f8f8; } .main .container .page_container .page_header .login_div_inactive { position: absolute; width: 40px; height: 31px; padding: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; border: 1px solid #cdcdcd; -webkit-box-shadow: inset 0px 0px 25px -15px #adadad; -moz-box-shadow: inset 0px 0px 25px -15px #adadad; -ms-box-shadow: inset 0px 0px 25px -15px #adadad; -o-box-shadow: inset 0px 0px 25px -15px #adadad; box-shadow: inset 0px 0px 25px -15px #adadad; background-image: -moz-linear-gradient(top, #f4f4f4, #ebebeb); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4f4f4),color-stop(1, #ebebeb)); background-image: -o-linear-gradient(-90deg, #f4f4f4, #ebebeb); background-image: -ms-linear-gradient(top, #f4f4f4, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ebebeb'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ebebeb')"; } /* gfile */ .main .container .page_container .page_header .login_gfile { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -137px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_gfile_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -137px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_gfile_inactive:hover { background-position: -32px -137px; } /* facebook */ .main .container .page_container .page_header .login_facebook { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -1px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_facebook_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -1px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_facebook_inactive:hover { background-position: -32px -1px; } /* twitter */ .main .container .page_container .page_header .login_twitter { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -35px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_twitter_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -35px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_twitter_inactive:hover { background-position: -32px -35px; } /* google+ */ .main .container .page_container .page_header .login_googleplus { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -69px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_googleplus_inactive { cursor: hand; cursor: pointer; position: relative; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -69px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_googleplus_inactive:hover { background-position: -32px -69px; } /* yahoo */ .main .container .page_container .page_header .login_yahoo { position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') 0 -103px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_yahoo_inactive { cursor: hand; cursor: pointer; position: absolute; margin: 0px 4px auto 4px; background: url('../images/gfile_social_small.png') -64px -103px no-repeat; width: 32px; height: 32px; } .main .container .page_container .page_header .login_yahoo_inactive:hover { background-position: -32px -103px; } /*NEW LOGIN!!!!!!!!!!*/ .sidebar { position: relative; float: left; margin: -1px auto; width: 200px; background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(#f0f0f0)); background-image: -webkit-linear-gradient(left, #f8f8f8, #f0f0f0); background-image: -moz-linear-gradient(left, #f8f8f8, #f0f0f0); background-image: -ms-linear-gradient(left, #f8f8f8, #f0f0f0); background-image: -o-linear-gradient(left, #f8f8f8, #f0f0f0); background-image: linear-gradient(left, #f8f8f8, #f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0', gradientType='1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0', gradientType='1')"; z-index: 1; } .sidebar:after, .sidebar .after { content: ""; position: absolute; height: 29px; width: 100%; right: 1px; width: 199px; } .sidebar:after, .sidebar .after { background-image: -moz-linear-gradient(bottom, #f8f8f8, rgba(255, 255, 255, 0)); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f8f8f8),color-stop(1, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, #f8f8f8, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(90deg, #f8f8f8, rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(bottom, #f8f8f8, rgba(255, 255, 255, 0)); background-image: linear-gradient(bottom, #f8f8f8, rgba(255, 255, 255, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26ffffff', EndColorStr='#f8f8f8', gradientType='0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26ffffff', EndColorStr='#f8f8f8', gradientType='0')"; bottom: -2px; } .sidebar ul { list-style: none; } .sidebar > ul { border-right: 1px solid #cdcdcd; margin: 0 auto; padding: 0 0 30px 0; } .sidebar > ul li > ul { margin-left: 0px; padding-left: 0px; } .sidebar > ul li > ul li a { padding-left: 29px; } .sidebar > ul li { margin: 0; position: relative; } .sidebar > ul li a, .sidebar > ul li p { border-top: 1px solid #ffffff; border-bottom: 1px solid #cdcdcd; display: block; padding: 8px 0; position: relative; color: #777777; text-shadow: 0px 1px 0px #ffffff; } .sidebar > ul li .first-child { position: absolute; margin: -2px auto; width: 100%; height: 1px; border-bottom: 1px solid #cdcdcd; z-index: 1; } .sidebar > ul li:first-child a { -webkit-box-shadow: 0 -1px 0 0 #cdcdcd; -moz-box-shadow: 0 -1px 0 0 #cdcdcd; -ms-box-shadow: 0 -1px 0 0 #cdcdcd; -o-box-shadow: 0 -1px 0 0 #cdcdcd; box-shadow: 0 -1px 0 0 #cdcdcd; } .sidebar > ul li:last-child a { -webkit-box-shadow: 0 1px 0 0 #ffffff; -moz-box-shadow: 0 1px 0 0 #ffffff; -ms-box-shadow: 0 1px 0 0 #ffffff; -o-box-shadow: 0 1px 0 0 #ffffff; box-shadow: 0 1px 0 0 #ffffff; } .sidebar > ul li a { font-weight: normal; } .sidebar > ul li a:hover { background-color: #f8f8f8; text-decoration: none; color: #4f4f4f; } .sidebar > ul li.current a { background-color: #f8f8f8; position: relative; right: -1px; margin-left: -1px; color: #900000; cursor: default; background-image: -webkit-gradient(linear, left top, right top, from(#fafafa), to(#f8f8f8)); background-image: -webkit-linear-gradient(left, #fafafa, #f8f8f8); background-image: -moz-linear-gradient(left, #fafafa, #f8f8f8); background-image: -ms-linear-gradient(left, #fafafa, #f8f8f8); background-image: -o-linear-gradient(left, #fafafa, #f8f8f8); background-image: linear-gradient(left, #fafafa, #f8f8f8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#f8f8f8', gradientType='1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#f8f8f8', gradientType='1')"; } .sidebar > ul li.current:before, .sidebar > ul li.current:after, .sidebar > ul li.current .before, .sidebar > ul li.current .after { content: ""; position: absolute; margin: auto 0px 0px auto; height: 1px; width: 100%; right: 0px; z-index: 1; } .sidebar > ul li.current:before, .sidebar > ul li.current .before { top: -2px; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #dedede); background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, #dedede)); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #dedede); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #dedede); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #dedede); background-image: linear-gradient(left, rgba(255, 255, 255, 0), #dedede); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26ffffff', EndColorStr='#dedede', gradientType='1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26ffffff', EndColorStr='#dedede', gradientType='1')"; } .sidebar > ul li.current:after, .sidebar > ul li.current .after { bottom: -1px; right: -1px; border-right: 1px solid #cdcdcd; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #d9d9d9); background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, #d9d9d9)); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #d9d9d9); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #d9d9d9); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #d9d9d9); background-image: linear-gradient(left, rgba(255, 255, 255, 0), #d9d9d9); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26ffffff', EndColorStr='#d9d9d9', gradientType='1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26ffffff', EndColorStr='#d9d9d9', gradientType='1')"; } .sidebar > ul#main li.first:before, .sidebar > ul#main li.first .before { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; z-index: 0; } .main .container .page_container .blank_page_content { border-bottom: 0px solid #cdcdcd; padding: 25px 50px; text-align: center; color: #777777; } .main .container .page_container .page_content { border-left: 1px solid #cdcdcd; position: relative; margin: 0 199px; width: 602px; min-height: 320px; text-align: left; padding: 15px; -webkit-border-bottom-right-radius: 6px; -khtml-border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; background-color: transparent; z-index: 0; } .main .container .page_container .page_content .block { display: block; width: 100%; padding-bottom: 15px; } .main .container .page_container .page_content .blank_block { display: block; width: 100%; padding-bottom: 5px; } .main .container .page_container .page_content .block_header { position: relative; top: 0; left: 0; display: block; text-align: left; font-size: 13px; font-weight: bold; color: #888888; line-height: 22px; width: 100%; } .main .container .page_container .page_content .block_content { border: 1px solid #d8d8d8; display: block; width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; overflow: hidden; background: url('../images/section_bg1.png') center center repeat; background-color: #ffffff; text-align: left; color: #555555; } .main .container .page_container .page_content .blank_block_content { display: block; width: 100%; overflow: hidden; text-align: left; color: #555555; } a.block_content_link { color: #6c7579; } a.block_content_link:hover { color: #ed2024; font-weight: normal; } /* ADDRESS BOOK START - 22:38 06.08.2012 */ ul.contacts { list-style: none; margin: 0 auto; padding: 0px; } ul.contacts > li { height: 40px; border-bottom: 1px solid #d8d8d8; line-height: 14px; overflow: hidden; } ul.contacts > li.add_contact { display: none; } ul.contacts > li.add_contact div.addContact { padding: 4px 6px 6px 6px; text-align: left; height: 30px; line-height: 30px; background: #f2fff0; } ul.contacts > li.add_contact:before, ul.contacts > li.contact_row:before, ul.contacts > li .before { content: ""; position: absolute; margin: -1px auto; height: 1px; width: 602px; left: 16px; border-bottom: 1px solid #ffffff; } ul.contacts > li > div.contact { padding: 6px 6px 4px 30px; } ul.contacts > li > div.editContact { padding: 4px 6px 6px 6px; line-height: 30px; display: none; } ul.contacts > li > div.addContact div.addDiv, ul.contacts > li > div.editContact div.editDiv, ul.contacts > li > div.editContact div.deleteDiv, ul.contacts > li > div.editContact div.manageDiv { display: none; text-align: left; height: 30px; line-height: 30px; } ul.contacts > li > div.editContact div.deleteDiv, ul.contacts > li > div.addContact div.manageDiv, ul.contacts > li > div.editContact div.manageDiv { text-align: center; } ul.contacts > li.header_row { height: 25px; padding: 0 0 0 6px; border-bottom: 1px solid #cdcdcd; line-height: 25px; background: #f6f6f6; } div.inputContact { position: absolute; margin: 0 auto 0 0; padding-top: 1px; width: 240px; height: 28px; } div.inputContact div.placeholding_input input { width: 220px; height: 16px; padding-bottom: 6px; } ul.contacts > li.header_row:before, ul.contacts > li.header_row .before { content: ""; position: absolute; margin: 0px auto; height: 25px; width: 604px; left: 15px; border-top: 1px solid #ffffff; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } ul.contacts > li:hover { background: #f6f6f6; cursor: default; } ul.contacts > li:first-child { -webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; } ul.contacts > li:last-child, ul.contacts > li:last-child > div.editContact { border: none; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } ul.contacts > li > div.contact span.normal { font-size: 11px; padding-left: 20px; } ul.contacts > li > div.addContact > div.aactions, ul.contacts > li > div.contact > div.actions, ul.contacts > li > div.editContact > div.editActions { padding-right: 4px; line-height: 30px; text-align: right; position: absolute; margin-top: -34px; right: 16px; width: 100px; height: 30px; display: none; } ul.contacts > li > div.editContact > div.editActions { display: block; } a.cbutton, a.cdisabled { position: relative; margin: 5px auto; line-height: 26px; text-align: center; width: 38px; height: 27px; display: inline-block; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9); background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9); background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9); background-image: -o-linear-gradient(top, #ffffff, #e9e9e9); background-image: linear-gradient(top, #ffffff, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9', gradientType='0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9', gradientType='0')"; cursor: pointer; cursor: hand; border-top: 1px solid #cccccc; border-right: 1px solid #bababa; border-bottom: 1px solid #a9a9a9; border-left: 1px solid #cccccc; } a.cdisabled { background: #e5e5e5; background-image: -moz-linear-gradient(top, #d0d0d0, #f2f2f2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d0d0d0),color-stop(1, #f2f2f2)); background-image: -o-linear-gradient(-90deg, #d0d0d0, #f2f2f2); background-image: -ms-linear-gradient(top, #d0d0d0, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#f2f2f2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#f2f2f2')"; border: 1px solid #bdbdbd; cursor: default; } a.cbutton.cdisabled:hover, a.cbutton.cdisabled:focus, a.cbutton.cdisabled:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } a.cbutton.cdisabled:focus:after, a.cbutton.cdisabled:active:after { display: none; } a.cbutton.cdisabled > span.checkmark { background-position: -160px 0px; } a.cbutton.cdisabled > span.xmark { background-position: -180px 0px; } a.cbutton:hover { border-top: 1px solid #bababa; border-left: 1px solid #bababa; -webkit-box-shadow: 0px 1px 3px 0px #9e9e9e; -moz-box-shadow: 0px 1px 3px 0px #9e9e9e; -ms-box-shadow: 0px 1px 3px 0px #9e9e9e; -o-box-shadow: 0px 1px 3px 0px #9e9e9e; box-shadow: 0px 1px 3px 0px #9e9e9e; } a.cbutton:focus, a.cbutton:active { border-top: 1px solid #aaaaaa; border-left: 1px solid #bababa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #d1d1d1; -webkit-box-shadow: inset 0px 3px 5px 0px #acacac; -moz-box-shadow: inset 0px 3px 5px 0px #acacac; -ms-box-shadow: inset 0px 3px 5px 0px #acacac; -o-box-shadow: inset 0px 3px 5px 0px #acacac; box-shadow: inset 0px 3px 5px 0px #acacac; background-image: -moz-linear-gradient(top, #d0d0d0, #f2f2f2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d0d0d0),color-stop(1, #f2f2f2)); background-image: -o-linear-gradient(-90deg, #d0d0d0, #f2f2f2); background-image: -ms-linear-gradient(top, #d0d0d0, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#f2f2f2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#f2f2f2')"; } a.cbutton:active:after { content: ""; position: absolute; bottom: -2px; left: -1px; height: 4px; width: 100%; padding: 0 2px 0 0; z-index: 1; border-bottom: 1px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } a.cbutton:first-child { -webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } a.cbutton:last-child { border-left: none; -webkit-border-top-right-radius: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } a.cbutton > span.icons_16px { position: relative; margin: 4px 11px; } /* ADDRESS BOOK STOP - 22:38 06.08.2012 */ .main .container .content .main_content { margin: 0; padding: 0px; color: #505050; background-color: #fafbfc; border-bottom: 1px solid #c2c2c2; -webkit-box-shadow: 0px 50px 150px -20px #d0d0d0; -moz-box-shadow: 0px 50px 150px -20px #d0d0d0; -ms-box-shadow: 0px 50px 150px -20px #d0d0d0; -o-box-shadow: 0px 50px 150px -20px #d0d0d0; box-shadow: 0px 50px 150px -20px #d0d0d0; } .main .container .content .main_content .input_div { padding: 2px; align: left; text-align: left; margin: 0 auto; width: 265px; } .main .container .content .main_content .select_div { padding: 2px; align: center; text-align: center; margin: 0 auto; width: 270px; } .main .container .content .main_content .checkbox_div { padding: 2px; align: center; text-align: center; margin: 0 auto; width: 310px; height: 20px; } .main .container .content .main_content .radio_div { border: 0px solid green; padding: 2px; align: center; text-align: center; margin: 0 auto; width: 320px; height: 20px; } .main .container .content .main_content .captcha_div { padding: 2px; align: center; text-align: center; margin: 0 auto; width: 450px; height: 117px; } .spacer_div { padding: 10px; align: center; text-align: center; margin: 0 auto; width: 265px; } .obs_div { position: relative; margin: 0 0 auto auto; width: 115px; text-align: right; font-size: 12px; font-style: italic; color: #999999; } .obs_div .required { display: block; position: absolute; margin-top: 0px; width: 10px; height: 10px; background: url('../images/gfileForm_required.png') center center no-repeat; } .main .container .content .main_content td.register_blank { height: 100px; border-top: 1px solid #ffffff; } .main .container .content .main_content td.register_account_header { color: #5b636a; text-shadow: 0px 1px 0px #ffffff; font-size: 16px; } .main .container .content .main_content td.register_normal_header { width: 130px; height: 100px; border-top: 1px solid #ffffff; border-left: 1px solid #d8d8d8; color: #5b636a; text-shadow: 0px 1px 0px #ffffff; font-size: 16px; -webkit-box-shadow: inset 0 0 5px #c4c4c4; -moz-box-shadow: inset 0 0 5px #c4c4c4; -ms-box-shadow: inset 0 0 5px #c4c4c4; -o-box-shadow: inset 0 0 5px #c4c4c4; box-shadow: inset 0 0 5px #c4c4c4; } .main .container .content .main_content td.register_standout_header { width: 130px; height: 100px; border-top: 1px solid #ffffff; border-left: 1px solid #d8d8d8; color: #5b636a; text-shadow: 0px 1px 0px #ffffff; font-size: 16px; } .main .container .content .main_content span.register_account_price_spacer { padding-left: 15px; font-size: 16px; } .main .container .content .main_content span.register_account_price { font-size: 26px;} .main .container .content .main_content span.register_account_price_decimal { position: relative; top: -12px; font-size: 11px; font-weight: bold; } .main .container .content .main_content span.register_price_per_month { position: relative; top: 3px; left: -20px; font-size: 11px; } .main .container .content .main_content span.register_euro_sign { position: relative; top: -12px; left: -25px; font-size: 16px; } .main .container .content .main_content div.register_standout_overlay { pointer-events: none; background: none !important; border: 1px solid #d8d8d8; overflow: hidden; position: absolute; top: 41px; right: 261px; width: 130px; height: 99px; text-align: center; -webkit-box-shadow: 0 -3px 14px 2px #c4c4c4; -moz-box-shadow: 0 -3px 14px 2px #c4c4c4; -ms-box-shadow: 0 -3px 14px 2px #c4c4c4; -o-box-shadow: 0 -3px 14px 2px #c4c4c4; box-shadow: 0 -3px 14px 2px #c4c4c4; } .main .container .content .main_content td.feature_box { height: 35px; border-top: 1px solid #d8d8d8; padding-left: 10px; } .main .container .content .main_content td.feature_greyed_out { background-color: #f2f2f2; } .main .container .content .main_content td.feature_normal_check { border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; } .main .container .content .main_content td.feature_standout_first_check { background-color: #f1f1f1; padding: 1px 0 0 0; border-left: 1px solid #d8d8d8; -webkit-box-shadow: 0 5px 14px 2px #c4c4c4; -moz-box-shadow: 0 5px 14px 2px #c4c4c4; -ms-box-shadow: 0 5px 14px 2px #c4c4c4; -o-box-shadow: 0 5px 14px 2px #c4c4c4; box-shadow: 0 5px 14px 2px #c4c4c4; } .main .container .content .main_content td.feature_standout_check { background-color: #f1f1f1; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; -webkit-box-shadow: 0 10px 14px 2px #c4c4c4; -moz-box-shadow: 0 10px 14px 2px #c4c4c4; -ms-box-shadow: 0 10px 14px 2px #c4c4c4; -o-box-shadow: 0 10px 14px 2px #c4c4c4; box-shadow: 0 10px 14px 2px #c4c4c4; } .main .container .content .main_content div.feature_checked { background: url('../images/ok_icon_small.png') center center no-repeat; background-size: 24px 20px; width: 24px; height: 20px; } .main .container .content .main_content div.feature_unchecked { background: url('../images/x_greyed_out.png') center center no-repeat; background-size: 20px 22px; width: 20px; height: 22px; } .main .container .content .content_footer, .main .container .page_container .content_footer { margin: 0; padding: 0px; height: 50px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 1px solid #ffffff; -webkit-box-shadow: inset 0px 3px 2px -2px #ffffff; -moz-box-shadow: inset 0px 3px 2px -2px #ffffff; -ms-box-shadow: inset 0px 3px 2px -2px #ffffff; -o-box-shadow: inset 0px 3px 2px -2px #ffffff; box-shadow: inset 0px 3px 2px -2px #ffffff; background-color: #f8f8f8; background-image: -moz-linear-gradient(top, #f4f4f4, #e8e8e8); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4f4f4),color-stop(1, #e8e8e8)); background-image: -o-linear-gradient(-90deg, #f4f4f4, #e8e8e8); background-image: -ms-linear-gradient(top, #f4f4f4, #e8e8e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e8e8e8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e8e8e8')"; } /* MAIN WINDOW STOP - 13:52 3/6/2012 */ .main .container .page_footer { position: inherit; width: 100%; } /* FEEDBACK ADDON START */ .main .page_footer .feedback { } .main .page_footer .feedback #feedback { position: fixed; width: 90px; height: 32px; right: 2px; bottom: -5px; background: url('../images/feedback.png'); overflow: hidden; z-index: 3; text-indent: -9999px; } .main .page_footer .feedback #feedback:hover { background-position: 0px -32px; } .main .page_footer .feedback #feedback:active { margin-top: 6px; } .main .page_footer .feedback .feedback_container { position: absolute; right: 23px; cursor: pointer; bottom: -36px; z-index: 100; font-size: 12px; } .main .page_footer .feedback .feedback_container .feedback_form { font-size: 13px; display: none; position: fixed; bottom: 10px; right: 10px; text-align: left; cursor: default; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -webkit-box-shadow: 0px 0px 15px 1px #393939; -moz-box-shadow: 0px 0px 15px 1px #393939; -ms-box-shadow: 0px 0px 15px 1px #393939; -o-box-shadow: 0px 0px 15px 1px #393939; box-shadow: 0px 0px 15px 1px #393939; overflow: hidden; } .main .page_footer .feedback .feedback_container .feedback_form .header { margin: 0 0 -50px 0; padding: 0 20px 0 20px; height: 50px; width: 550px; background-color: #eaeaea; border-bottom: 1px solid #d9d9d9; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; } .main .page_footer .feedback .feedback_container .feedback_form .header .header_text { position: absolute; text-align: center; height: 38px; width: 550px; padding: 12px 0 0 0; color: #888888; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 1px #ffffff; } .main .page_footer .feedback .feedback_container .feedback_form .form { margin: 50px 0 0 0; padding: 20px; height: 150px; width: 550px; background-color: #ececec; border-top: 1px solid #ffffff; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: 0px 50px 150px -20px #707070; -moz-box-shadow: 0px 50px 150px -20px #707070; -ms-box-shadow: 0px 50px 150px -20px #707070; -o-box-shadow: 0px 50px 150px -20px #707070; box-shadow: 0px 50px 150px -20px #707070; background-image: -moz-linear-gradient(top, #ececec, #dcdcdc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ececec),color-stop(1, #dcdcdc)); background-image: -o-linear-gradient(-90deg, #ececec, #dcdcdc); background-image: -ms-linear-gradient(top, #ececec, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#dcdcdc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#dcdcdc')"; } .main .page_footer .feedback .feedback_container .feedback_form .form .response_text { position: absolute; padding-top: 30px; width: 550px; height: 20px; align: center; text-align: center; font-size: 14px; font-weight: bold; } .main .page_footer .feedback .feedback_container .feedback_form .form .response_buttons { position: absolute; padding: 62px 0 0 486px; margin: 50px 0 0 0; width: 64px; height: 38px; align: right; text-align: right; } .main .page_footer .feedback .feedback_container .feedback_form .form .left { margin: 0 0 0 0; position: absolute; align: left; text-align: left; height: 150px; width: 264px; } .main .page_footer .feedback .feedback_container .feedback_form .form .left .comments { display: block; padding: 4px 0 0 0; width: 262px; height: 32px; color: #676767; } .main .page_footer .feedback .feedback_container .feedback_form .form .left .required { color: #464646; font-size: 10px; vertical-align: top; } .main .page_footer .feedback .feedback_container .feedback_form .form .right { margin: 0 0 0 285px; position: absolute; align: right; text-align: right; height: 150px; width: 264px; } .main .page_footer .feedback .feedback_container .feedback_form .form .right .buttons { width: 264px; align: right; text-align: right; padding: 16px 0 0 0; } /* FEEDBACK ADDON STOP */ .main .page_footer .footer_copyright { position: relative; margin: 15px auto; padding: 0; width: 220px; height: 32px; text-align: center; line-height: 20px; color: #a5a5a5; font-size: 12px; text-shadow: #ffffff 1px 1px 1px; font-weight: normal; border-top: 0px solid #ffffff; overflow: hidden; } .main .page_footer .footer_copyright .shadow { margin: 0 auto; width: 160px; -webkit-box-shadow: 0 -32px 47px 6px #090909; -moz-box-shadow: 0 -32px 47px 6px #090909; -ms-box-shadow: 0 -32px 47px 6px #090909; -o-box-shadow: 0 -32px 47px 6px #090909; box-shadow: 0 -32px 47px 6px #090909; } .main .page_footer .footer_copyright .bevel { border-top: 1px solid #ffffff; border-bottom: 1px solid #e4e4e4; } .main .page_footer .bottom_nav { width: 100%; height: 29px; position: fixed; left: 0; bottom: -0; padding: 10px 0 0px 0px; background-color: #212121; background: url('../images/footer_background.png') bottom center repeat-x; z-index: 2; } .main .page_footer .bottom_nav #footer_logo { display: block; float: inherit; width: 89px; height: 23px; line-height: 23px; margin: 6px 38px 0 48%; background: url(../images/logo_dotro_footer.png); text-indent: -9999px; } .main .page_footer .bottom_nav #footer_logo:hover { background-position: 0px -23px; } .main .page_footer .bottom_nav #footer_logo:active { margin-top: 6px; } /* MAIN CONTAINER STOP */ /* GLOBAL FOOTER START - 23:08 24.04.2012 */ .global_footer_container { position: relative; margin: -170px auto; display: block; height: 40px; min-height: 40px; width: 820px; padding: 4px; color: #a5a5a5; text-align: center; font-size: 12px; text-shadow: #ffffff 1px 1px 1px; font-weight: normal; overflow: hidden; } .global_footer_container .shadow { margin: 0 auto; width: 600px; -webkit-box-shadow: 0 -32px 67px 6px #090909; -moz-box-shadow: 0 -32px 67px 6px #090909; -ms-box-shadow: 0 -32px 67px 6px #ed2024; -o-box-shadow: 0 -32px 67px 6px #090909; box-shadow: 0 -32px 67px 6px #090909; } .global_footer_container a { color: #a5a5a5; font-size: 11px; font-weight: bold; } .global_footer_container a:hover { /*text-decoration: underline;*/ color: #838383; } .global_footer_container a.footer_logo { display: inline-block; width: 89px; height: 23px; line-height: 18px; margin: 0 auto; background: url(../images/logo_dotro_footer.png); text-indent: -9999px; } .global_footer_container a.footer_logo:hover { background-position: 0px -23px; } .global_footer_container a.footer_logo:active { margin-top: 6px; } /* GLOBAL FOOTER STOP - 23:08 24.04.2012 */ /* MISC DIVS START - 23:33 12.03.2012 */ /* FACEBOOK LOGIN BANNER START */ div.required_input { position: absolute; margin-top: -30px; margin-left: 267px; width: 10px; height: 10px; background: url('../images/gfileForm_required.png') center center no-repeat; } div.facebook_auth_container { padding: 5px 10px 5px 10px; background-color: #3b5998; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; overflow: hidden; } div.facebook_auth_container div.facebook_logo { position: relative; margin: -1px 0 0 45px; width: 100px; height: 23px; background: url('../images/facebook_text.png') center center no-repeat; background-size: 100px 23px; } div.facebook_auth_container span.facebook_user_text { padding: 7px 0 0 0; position: absolute; margin: -28px 0 0 0; width: 780px; height: 30px; color: #ffffff; font-size: 14px; text-align: center; } div.facebook_auth_container div.facebook_login { position: relative; float: right; margin: -22px -5px 0 0; } div.facebook_auth_container div.facebook_login a { display: block; width: 154px; height: 22px; background: url('../images/facebook-login-button1.png') center center no-repeat; background-size: 154px 22px; } div.facebook_auth_container div.facebook_login div.facebook_login_button { margin: 0 auto 0 auto; height: 22px; cursor: pointer; cursor: hand; } /* FACEBOOK LOGIN BANNER STOP */ /* TWITTER LOGIN BANNER START */ div.twitter_auth_container { padding: 5px 10px 5px 10px; background-color: #009ece; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; overflow: hidden; } div.twitter_auth_container div.twitter_logo { position: relative; margin: -1px 0 0 35px; width: 124px; height: 23px; background: url('../images/twitter_text.png') center center no-repeat; background-size: 100px 23px; } div.twitter_auth_container span.twitter_user_text { padding: 7px 0 0 0; position: absolute; margin: -28px 0 0 0; width: 780px; height: 30px; color: #ffffff; font-size: 14px; text-align: center; } div.twitter_auth_container div.twitter_login { position: relative; float: right; margin: -22px -5px 0 0; } div.twitter_auth_container div.twitter_login a { display: block; height: 24px; } div.twitter_auth_container div.twitter_login div.twitter_login_button { margin: 0 auto 0 auto; height: 24px; cursor: pointer; cursor: hand; } /* TWITTER LOGIN BANNER STOP */ /* FLOATING FEEDBACK START - 12:43 4/27/2012 */ .floatFeed { position: fixed; right: 0; bottom: 0; z-index: 3; } .floatFeed .floatWrap { position: absolute; right: 0; bottom: 0; width: 590px; height: 240px; color: #ffffff; -webkit-box-shadow: 5 5px 5px 0px #000000; -moz-box-shadow: 5 5px 5px 0px #000000; -ms-box-shadow: 5 5px 5px 0px #000000; -o-box-shadow: 5 5px 5px 0px #000000; box-shadow: 5 5px 5px 0px #000000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; padding: 15px; } .floatFeed .floatWrap .floatTab { height: 100px; width: 36px; line-height: 0; position: absolute; bottom: 0; left: -25px; padding: 0; font-size: 12px; font-weight: normal; box-shadow: none; } .floatFeed .floatWrap .floatTab #feedback { position: absolute; bottom: 0px; left: -2px; width: 31px; height: 100px; background: url('../images/feedback2.png') 0px 0px; } .floatFeed .floatWrap .floatTab #feedback:hover { background-position: -36px 0px; } .floatFeed .floatWrap .floatTab #feedback:active { margin-top: 0px; } .floatFeed .floatWrap .floatContent { display: block; height: 240px; width: 590px; color: #000000; } .floatFeed .floatWrap .floatContent .feedback_container { position: absolute; left: 0; top: 0; font-size: 12px; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form { font-size: 13px; position: absolute; top: 0; left: 0; width: 590px; height: 240px; text-align: left; overflow: hidden; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .header { margin: 0 0 -50px 0; padding: 0 20px 0 20px; height: 50px; width: 550px; background-color: #eaeaea; border-bottom: 1px solid #d9d9d9; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .header .header_text { position: absolute; text-align: center; height: 38px; width: 550px; padding: 12px 0 0 0; color: #888888; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 1px #ffffff; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form { margin: 50px 0 0 0; padding: 20px; height: 150px; width: 550px; background-color: #ececec; border-top: 1px solid #ffffff; -webkit-box-shadow: 0px 50px 150px -20px #707070; -moz-box-shadow: 0px 50px 150px -20px #707070; -ms-box-shadow: 0px 50px 150px -20px #707070; -o-box-shadow: 0px 50px 150px -20px #707070; box-shadow: 0px 50px 150px -20px #707070; background-image: -moz-linear-gradient(top, #ececec, #dcdcdc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ececec),color-stop(1, #dcdcdc)); background-image: -o-linear-gradient(-90deg, #ececec, #dcdcdc); background-image: -ms-linear-gradient(top, #ececec, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#dcdcdc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#dcdcdc')"; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .response_text { position: absolute; padding-top: 30px; width: 550px; height: 20px; align: center; text-align: center; font-size: 14px; font-weight: bold; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .response_buttons { position: absolute; padding: 62px 0 0 486px; margin: 50px 0 0 0; width: 64px; height: 38px; align: right; text-align: right; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .left { margin: 0 0 0 0; position: absolute; align: left; text-align: left; height: 150px; width: 264px; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .left .comments { display: block; padding: 4px 0 0 0; width: 262px; height: 32px; color: #676767; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .left .required { color: #464646; font-size: 10px; vertical-align: top; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .right { margin: 0 0 0 285px; position: absolute; align: right; text-align: right; height: 150px; width: 264px; } .floatFeed .floatWrap .floatContent .feedback_container .feedback_form .form .right .buttons { width: 264px; align: right; text-align: right; padding: 16px 0 0 0; } /* FLOATING FEEDBACK STOP - 12:43 4/27/2012 */ /* MISC DIVS STOP - 23:33 12.03.2012 */ /* td.ro { position: absolute; display: block; margin: -9px 0 0 -20px; width: 16px; height: 18px; line-height: 18px; background: url('../images/ro_flag_icon.png') center center no-repeat; background-size: 16px 11px; cursor: hand; cursor: pointer; } td.ro_faded { position: absolute; display: block; margin: -9px 0 0 -20px; width: 16px; height: 18px; line-height: 18px; background: url('../images/ro_flag_icon.png') center center no-repeat; background-size: 16px 11px; cursor: hand; cursor: pointer; filter:alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; } td.ro_faded:hover { filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } td.en_us { position: absolute; display: block; margin: -9px 20px 0 0; width: 16px; height: 18px; line-height: 18px; background: url('../images/us_flag_icon.png') center center no-repeat; background-size: 16px 11px; cursor: hand; cursor: pointer; } td.en_us_faded { position: absolute; display: block; margin: -9px 20px 0 0; width: 16px; height: 18px; line-height: 18px; background: url('../images/us_flag_icon.png') center center no-repeat; background-size: 16px 11px; cursor: hand; cursor: pointer; filter:alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; } td.en_us_faded:hover { filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } */ .bold { font-weight: bold; } .normal { font-weight: normal; } .italic { font-style: italic; } .clickable { cursor: hand; cursor: pointer; } span.tiny { font-size: 1px; } span.new_error { margin: 0 0 20px 4px; border: 1px dashed #ff9c9c; color: #b21d1d; padding: 0 3px 0 3px; background-color: #ffcfcf; font-size: 12px; } span.separator { cursor: default; padding: 0 5px 0 5px; } img.password_change { width: 16px; height: 16px; border: 0; line-height: 16px; padding: 0 0 0 0; } img.password_change_faded { width: 16px; height: 16px; border: 0; line-height: 16px; padding: 0 0 0 0; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .input_error { box-shadow: 0 0 6px #ed2024; } /* autocomplete start */ .autocomplete-w1 { font-size: 11px; position: absolute; top: 0px; left: 0px; margin: 7px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 0; _overflow-x: hidden; } .autocomplete { padding: 4px; color: #333333; border: 1px solid #999999; background-color: #f4f4f4; cursor: default; text-align: left; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; -webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 2px 14px 4px #9e9e9e; -moz-box-shadow: 0px 2px 14px 4px #9e9e9e; -ms-box-shadow: 0px 2px 14px 4px #9e9e9e; -o-box-shadow: 0px 2px 14px 4px #9e9e9e; box-shadow: 0px 2px 14px 4px #9e9e9e; overflow: hidden; line-height: 18px; } .autocomplete .selected { color: #c77405; margin: -1px 0px -1px -1px; border: 1px solid #fbcb09; -webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-radius-bottomleft: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #fdf9e1, #fdf5ce); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdf9e1),color-stop(1, #fdf5ce)); background-image: -o-linear-gradient(-90deg, #fdf9e1, #fdf5ce); background-image: -ms-linear-gradient(top, #fdf9e1, #fdf5ce); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdf9e1', EndColorStr='#fdf5ce'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdf9e1', EndColorStr='#fdf5ce')"; cursor: pointer; cursor: hand; line-height: 18px; } .autocomplete > div { padding: 2px 5px; white-space: nowrap; font-weight: bold; } .autocomplete strong { font-weight: normal; } /* autocomplete stop */ /* placeholder start - 14:47 3/2/2012 */ .placeholding_hide .placeholder { font-size: 0!important; } .placeholding_input, .placeholding_textarea { display: block; width: 264px; height: 32px;} .placeholding_textarea { height: 93px; } .placeholding_input .placeholder, .placeholding_textarea .placeholder { position: relative; top: -25px; right: 1px; bottom: 1px; left: 6px; height: 18px; padding: 4px; font-size: 12px; color: #c4c4c4; font-weight: bold; font-style: italic; line-height: 18px; text-shadow: 0 1px 0 rgba(255,255,255,.5); white-space: nowrap; cursor: text; -webkit-transition: opacity .2s,font-size .2s; -moz-transition: opacity .2s,font-size .2s; -o-transition: opacity .2s,font-size .2s; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; visibility: hidden; } .placeholding_textarea .placeholder { top: -92px; height: 83px; } .placeholding_input .input:focus+.placeholder, .textarea:focus+.placeholder { -moz-opacity: .65; opacity: .65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); } /* placeholder stop - 14:47 3/2/2012 */ /* tooltip start - 13:45 3/8/2012 */ .tooltipTrigger { color: #006699; cursor: pointer; cursor: hand; padding: 4px 0 4px 0; } .gfileTooltip { display: none; position: absolute; margin: -31px 100px auto auto; width: 500px; -webkit-box-shadow: 1px 1px 7px 0px #9e9e9e; -moz-box-shadow: 1px 1px 7px 0px #9e9e9e; -ms-box-shadow: 1px 1px 7px 0px #9e9e9e; -o-box-shadow: 1px 1px 7px 0px #9e9e9e; box-shadow: 1px 1px 7px 0px #9e9e9e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #b2b2b2; overflow: visible; } .gfileTooltip .tooltipContainer { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; overflow: hidden; } .gfileTooltip .tooltipContainer:after { content:''; position: absolute; left: -7px; top: 17px; width: 7px; height: 12px; background: url('../images/tooltip_arrow_left.png') center center no-repeat; background-size: 7px 12px; } .gfileTooltip .tooltipContainer .tooltipContent { color: #787878; text-align: left; white-space: pre-line; padding: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -webkit-box-shadow: inset 0px 3px 2px -2px #ffffff; -moz-box-shadow: inset 0px 3px 2px -2px #ffffff; -ms-box-shadow: inset 0px 3px 2px -2px #ffffff; -o-box-shadow: inset 0px 3px 2px -2px #ffffff; box-shadow: inset 0px 3px 2px -2px #ffffff; background-color: #fafafa; background-image: -moz-linear-gradient(top, #f5f7f8, #eef0f2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f7f8),color-stop(1, #eef0f2)); background-image: -o-linear-gradient(-90deg, #f5f7f8, #eef0f2); background-image: -ms-linear-gradient(top, #f5f7f8, #eef0f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f7f8', EndColorStr='#eef0f2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f7f8', EndColorStr='#eef0f2')"; } .gfileInputTooltip { position: absolute; margin: -36px 280px auto; } .gfileFormTooltip { display: none; position: relative; margin: 0 0 0 17px; -webkit-box-shadow: 1px 1px 7px 0px #9e9e9e; -moz-box-shadow: 1px 1px 7px 0px #9e9e9e; -ms-box-shadow: 1px 1px 7px 0px #9e9e9e; -o-box-shadow: 1px 1px 7px 0px #9e9e9e; box-shadow: 1px 1px 7px 0px #9e9e9e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #b2b2b2; } .gfileFormTooltip .formTooltipContainer { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; overflow: hidden; } .gfileFormTooltip .formTooltipContainer:after { content:''; position: absolute; top: 12px; left: -7px; width: 7px; height: 12px; background: url('../images/tooltip_arrow_left.png') center center no-repeat; background-size: 7px 12px; } .gfileFormTooltip .formTooltipContainer .formTooltipContent { color: #787878; text-align: center; white-space: nowrap; padding: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -webkit-box-shadow: inset 0px 3px 2px -2px #ffffff; -moz-box-shadow: inset 0px 3px 2px -2px #ffffff; -ms-box-shadow: inset 0px 3px 2px -2px #ffffff; -o-box-shadow: inset 0px 3px 2px -2px #ffffff; box-shadow: inset 0px 3px 2px -2px #ffffff; background-color: #fafafa; background-image: -moz-linear-gradient(top, #f5f7f8, #eef0f2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f7f8),color-stop(1, #eef0f2)); background-image: -o-linear-gradient(-90deg, #f5f7f8, #eef0f2); background-image: -ms-linear-gradient(top, #f5f7f8, #eef0f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f7f8', EndColorStr='#eef0f2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f7f8', EndColorStr='#eef0f2')"; } /* tooltip stop - 13:45 3/8/2012 */ /* admin panel - download stats start - 15:36 1/31/2013 */ .statsTable { width: 1004px; margin: 0 auto; padding: 0; color: #666666; } .statsTable td.headerRow { height: 25px; overflow: hidden; padding: 0 0 0 4px; border-bottom: 1px solid #cdcdcd; line-height: 25px; background: #f6f6f6; font-weight: bold; text-shadow: 0px 1px 0px #ffffff; } .statsTable td.footerRow { height: 25px; overflow: hidden; padding: 0 0 0 6px; line-height: 25px; background: #f6f6f6; font-weight: bold; text-shadow: 0px 1px 0px #ffffff; } .statsTable div.usage_bar_container { width: 200px; height: 12px; border: 1px solid #aaaaaa; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #ffffff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); } .statsTable div.usage_bar_container div.usage_bar { display: block; position: relative; margin: 0 auto auto 0; height: 12px; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; } .statsTable div.usage_bar_container_flat { width: 200px; height: 14px; border: 1px solid #aaaaaa; background: #ffffff; padding: 0 1px; } .statsTable div.usage_bar_container_flat div.usage_bar_flat { display: block; position: relative; margin: 1px auto auto 0; height: 12px; } .statsTable td.headerRow:before, .statsTable td.headerRow .before, .statsTable td.footerRow:before, .statsTable td.footerRow .before { content: ""; position: absolute; margin: 0 auto; height: 1px; width: 1000px; left: 17px; border-top: 1px solid #ffffff; } .statsTable td.headerRow:before, .statsTable td.headerRow .before { -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .statsTable .contentRow td { height: 30px; line-height: 31px; padding-left: 8px; border-bottom: 1px solid #d8d8d8; overflow: hidden; } .statsTable .contentRow td span.edit_wrapper { visibility: hidden; position: relative; width: 55px; margin: 0 auto 0 -18px; font-size: 12px; float: right; } .statsTable .contentRow td span.edit_wrapper a span.pencil { display: inline-block; width: 19px; height: 19px; margin: 3px auto -3px auto; background: url('../images/icons_16px.png') no-repeat; background-position: -140px 0px; } .statsTable .contentRow td span.edit_wrapper a span.pencil span.text { position: absolute; margin: -4px auto 0px 12px; padding: 0 0 0 4px; } .statsTable tr.contentRow:after, .statsTable tr.contentRow .after { content: ""; position: absolute; margin: 0 auto; height: 1px; width: 1002px; left: 16px; border-top: 1px solid #ffffff; } .statsTable .contentRow td span.green { font-size: 9px; color: #329f2c; } .statsTable .contentRow td span.red { font-size: 9px; color: #bd3434; } .statsTable .contentRow:hover { background: #f6f6f6; cursor: default; } .statsTable .contentRow:first-child { -webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; } .statsTable .contentRow:last-child { -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .statsTable .contentRow:last-child td { border: none; } /* admin panel - download stats stop - 15:36 1/31/2013 */ /* ads begin - 14:44 26/07/2013 */ .gfile_ads { opacity: 1; position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; } /* ads end - 14:44 26/07/2013 */