/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea, blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { 
    border:0;
}
/* END RESET*/


/* SYSTEM*/
.ERROR_MESSAGE {
    background-color: #FFDEAD;
    border: 1px solid #FF8247;
    color: #631110; 
    font-weight:bold;
    margin-bottom: 3px;
    padding: 5px;
}
.SUCCESS_MESSAGE {
    background-color: #C1FFC1;
    border: 1px solid #9ACD32;
    color: black; 
    font-weight: bold;
    margin-bottom: 3px;
    padding: 5px;
}
.FLASH_MESSAGE {
    background-color: #f9f9f9;
    border: 1px solid #bbb;
    color: navy; 
    font-weight: bold;
    margin-bottom: 3px;
    padding: 5px;
}
.TIP {
    border: 1px solid #FFDEAD;
    color: #555555;
    font-weight: bold;
    background: #FFFACD url('/images/iconbase/32x32/info.png') no-repeat scroll 5px 50%;
    padding-left: 45px;
    padding-top: 10px;   
    padding-right: 10px;   
    padding-bottom: 10px;  
    text-align: left; 
}
.TIP_SIMPLE {
    border: 1px solid #FFDEAD;
    color: #555555;
    
    background: #FFFACD;
    padding-left: 10px;
    padding-top: 10px;   
    padding-right: 10px;   
    padding-bottom: 10px;  
    text-align: left; 
}


body {
    font: normal 14px Tahoma, Arial, Verdana;
}
strong {font-weight: bold !important;}


#storage_bar {
    background-color: rgb(105, 174, 77);
    height:12px;
    margin:1px;
    position:relative;
    width:0;
}

#storage_bar, #download_bar {
    background-color: rgb(105, 174, 77);
    height:12px;
    margin:1px;
    position:relative;
    width:0;
}

.pad5 {
    padding: 5px;
}

.photoBorder {
    height:146px;
    width:146px;   
}

#form_inner {
    text-align: left;
    width: 500px;
}
#form_modal_inner {
    text-align: left;
    width: 300px;
}
#account_form .text_field, ._form  .text_field{
    background-color: #e6f4fa;
    border: 1px solid #97B5D2;
    color: #25313C;
    font-size: 18px;
    width: 480px;
    padding: 2px 3px;
}
#account_form .textarea_field, ._form  .textarea_field {
    background-color: #e6f4fa;
    border: 1px solid #97B5D2;
    color: #25313C;
    font-size: 18px;
    width: 480px;
    height: 200px;
    padding: 2px 3px;       
}
#account_form .text_modal_field, ._form  .text_modal_field {
    background-color: #e6f4fa;
    border: 1px solid #97B5D2;
    color: #25313C;
    font-size: 18px;
    width: 280px;
    padding: 2px 3px;       
}
#account_form label, ._form  label {
    color:#657788;
    display:block;
    font-size:16px;
}

h1, h2, h3 {
    color:#69AE4D;
}

.headerTitle {
    font: normal 28px Tahoma, Verdana;  
    color:#69AE4D;
    padding-bottom: 5px;     
}

.smallNav {
    padding-top: 4px;
    color: #666;
    font-size: 11px;
}
.drag{
    cursor: move;
}

.panel a:link, .panel a:visited, .panel a:active 
{
    color:#000;
    font-size:12px;
    font-weight: bold;  
    border:0px;   
}
.panel a:hover{
    color:#fff;
    font-size:12px;
    font-weight: bold;       
    border:0px;   
}
.panel span {
    color: #fff;
    padding-left : 10px;
    padding-right : 10px;
}

div.arrow {
    background: url('/images/arrowBullet.png') no-repeat;
    width: 18px;
    text-align: center;
    height: 15px;
    display: inline-block;
}
.fl_left {
    float: left;
}
.fl_right {
    float: right;
}
.checkbox_off {
   height: 16px;
   width: 15px;
   padding: 0px;
   background: transparent url("/images/checkButton.png") no-repeat 0px 0px;
   cursor: pointer;
   font-size: 16px;
}
.checkbox_on {
   height: 16px;
   width: 15px;
   padding: 0px;
   background: transparent url("/images/checkButton.png") no-repeat 0px -51px;
   cursor: pointer;
   font-size: 16px;
}
.checkbox_on img, .checkbox_off img {
    display: inline !important; 
}
.myfiles_checkbox {
    position: relative; 
    float: right; 
    right: 5px;
    top: 52px;
}

.orange_hover {
    background-color: #fec857;
    border: 1px solid #d67c21;
    padding: 0 3px;
}
.frmEditField {
    border: 1px solid #ccc;
    width: 180px;
}
.editFrm {
    border-collapse:separate;
    border-spacing:3px;
}

/************* tooltip ****************/ 
/********* corner *******/
.btn {
    background-color: #57a1bc;    
    width: 80px;
    height: 25px;
    color: #fff;
    font-weight: bold;  
    cursor: pointer; 
    position: relative;
}
.btn_save {
    background-color: #60cb36;    
    height: 25px;
    color: #fff;
    font-weight: bold;  
    cursor: pointer; 
    position: relative;
}
.btn_cancel {
    background-color: #d71921;    
    width: 80px;
    height: 25px;
    color: #fff;
    font-weight: bold;  
    cursor: pointer; 
    position: relative;
}
#_main, #btn1, #btn1, #btn3 {
    padding-top: 4px;
}
#btn1, #btn2, #btn3 {
    float: left;
}
.errField {
    background-color: #ffe3d4 !important;
}
.invisibleBlock {
    display: none;
}
._white{
    background-color: #fff !important;
}
/********************************/
.subhead {
    color:#336699;
    display:block;
    font-family:"Arial","sans-serif";
    font-size:14pt;
    font-weight:bold;
    margin-bottom:10px;
}
.kd-office {
    text-align: left;
}
.kd-office h2 {
    color:#0042A5;
    font-weight:bold;
    font-size:large;
}
.kd-office p {
    margin:0;
}
.kd-office p, .kd-office li, .kd-office span, .kd-office label, .kd-office dd, .kd-office dl, .kd-office dt {
    font-family:georgia;
    font-size:16px;
    line-height:1.4em;
}

/*****************************************************/
.frameImg {
    position:relative;
}
.frameImg_l1 {
    border:1px solid #bbb; 
    overflow:hidden;
}
.frameImg_l2 {
    border-color:#F6F9EC; 
    border-style:solid; 
    border-width:3px 4px;
}
.frameImg_l3 { 
    border: 1px solid #bbb;
}
.frameImg_l3 > img {
    padding: 0px !important; 
}

a.orange_header {
    color:#FF9900 !important;
    border: 0px !important;
    font-size:1em;
    font-weight:bold;
    height:17px;
    margin-right:2px;
    text-align:left;
    text-transform:lowercase;
    vertical-align:bottom;
    text-decoration: none;
}
#hiddenModalWindow_Text {
    color: #666;
    font-size: 14px;
    text-align:center;        
}

/*************** SEARCH ****************/
.l_s {
    background: transparent url('/inc/images/search/left_search.png') no-repeat 0% 50%;  
    width: 6px;
    height: 41px;  
}
.m_s {
    background: transparent url('/inc/images/search/mid_search.png') repeat-x;    
    height: 41px;  
}
.r_s {
    background: transparent url('/inc/images/search/right_search.png') no-repeat 0% 50%;    
    width: 6px;
    height: 41px;  
}
.l_s_pink {
    background: transparent url('/inc/images/search/left_search_pink.png') no-repeat 0% 50%;  
    width: 6px;
    height: 41px;  
}
.m_s_pink {
    background: transparent url('/inc/images/search/mid_search_pink.png') repeat-x;    
    height: 41px;  
}
.r_s_pink {
    background: transparent url('/inc/images/search/right_search_pink.png') no-repeat 0% 50%;    
    width: 6px;
    height: 41px;  
}
.m_s_field {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}
.m_s_button{
    float: left;
}
.searchField {
    border: 1px solid #bdbdbd !important;
    background-color: #fff !important;
    font-size:14px !important;
    padding: 2px 1px !important;
}
.w300 {
    width: 300px;    
}
.w450 {
    width: 450px;
}
.fleft {
    float:left;
}
.fright {
    float:right;
}
.small_search {
    background: transparent url('/inc/images/search/small_search.png') no-repeat 50% 50%;    
    width: 325px;
    height: 30px; 
    padding-left: 8px; 
}
.smaller_search {
    background: transparent url('/inc/images/search/smaller_search.png') no-repeat 50% 50%;    
    width: 255px;
    height: 30px; 
    padding-left: 8px; 
}
.small_s3 {
    padding-top: 3px;
}
.small_s6 {
    padding-top: 6px;
}
.small_s6 input {
    border: 1px solid #bdbdbd !important;
    background-color: #fff !important;
    color:#8E8D8D !important;
}
.information_block {
    padding: 2px 2px 2px 10px;
}

/* ============= buttons ====================== */
ul.bl, ul.br {
    list-style-type:none !important;
    padding:0 !important;  
    position: relative !important;
}
ul.br {
    padding-right: 30px !important;
}
ul.br li{
    display:block !important;
    float: right !important;    
    padding-left: 3px !important;
    padding-right: 3px !important;
}
ul.bl li{
    display:block !important;
    float:left !important;    
    padding-left: 3px !important;
    padding-right: 3px !important;
}
table.b {
    cursor: pointer !important;
}
table.b td {
    padding: 0px !important;
    margin: 0px !important;
        
}
.b1{
    background: transparent url('/inc/images/buttons_begin.png') no-repeat !important;
    height: 46px !important;
    width: 7px !important;
}
.b2 {
    background: transparent url('/inc/images/buttons_mid.png') repeat-x !important;
    height: 46px !important;
    text-align: center !important;  
    min-width: 80px !important;   
    color: #fff !important;
    font-size: 16px !important;
    font-family: Verdana !important;
    font-weight: bold !important;
}
.b3{
    background: transparent url('/inc/images/buttons_end.png') no-repeat !important;
    height: 46px !important;
    width: 12px !important;  
}

.b1_h{
    background: transparent url('/inc/images/buttons_begin.png') no-repeat 0 -46px !important;
    height: 46px !important;
    width: 7px !important;
}
.b2_h {
    background: transparent url('/inc/images/buttons_mid.png') repeat-x 0 -46px !important;
    height: 46px !important;
    color: #fff !important; 
    text-align: center !important;  
    min-width: 80px !important;   
}
.b3_h{
    background: transparent url('/inc/images/buttons_end.png') no-repeat 0 -46px !important;
    height: 46px !important;
    width: 12px !important;  
}
/* ============ end buttons ==================== */
hr {
    border: 0px;
    border-bottom: 1px solid #ccc; 
}
/* ============== MODALS ============== */
.modalButtons {
    border-top: 1px solid #ccc;    
}
.modal_header {
    color: #69AE4D;
    font-size:18px;
    font-weight:bold;   
    text-align: left; 
    padding-bottom: 10px;
}
#kcaptcha {
    text-align: center;
}
.errorText {
    color: RED;  
}

#request_message {
    padding: 10px;
    background-color: #fffdd0;
    border: 1px  dotted #fb9503; 
}

.cl, .clr {
    clear: both;
}
.fleft {float: left;}
.fright {float: right;}
.btn_already_invite {
    color: #ff5d04;
    font-weight: bold;
}

.wbr {
    display:inline-block;
}

/* ======================================= STATUS ========================================= */
#status {
    width: 100%;
}
.statusField {
    border:1px solid #a7a6ab;
    color:#9f9f9f;
    font-size:18px;
    position: relative;
    width: 710px;
    padding: 2px 3px;  
    background-color: #f9f9f9;
}
#statusBtn {
    text-align: left;
    /*display: none; */
}

.friendsNavLink {
    background:transparent url(/images/icons/24x24/friends.png) no-repeat scroll 0 0;
}

/* =============== hover selected box ==================== */

.selected_item {
    border: 1px solid #feca50 !important;
    background: #ffebba url(/inc/images/checked.png) no-repeat 100% 0% !important;    
}
.hover_selected_item {
    border: 1px solid #feca50 !important;
    background: #fffddd url(/inc/images/checked.png) no-repeat 100% 0% !important;    
}
/* ========= LINE ============ */
.line {
    height: 30px;
    width: 20px;
    margin-top:3px;
    background: transparent url('/inc/images/pline.png') repeat-y 50% 50%;
}
/* ============= VCARD =========== */
.vcard_name {
    color: #000;
    font-size: 12px;
}
.vcard_email {
    color: #666;
    font-size: 10px;   
}
.vcard_link {
    padding-top: 5px;
    white-space:nowrap; 
}
.vcard_link a {
    color: #336699;
    font-size: 11px;
}
.vcard_text {
    color: #777;
    font-size: 11px;
}
/* ============= CLOUDTOP ================ */
.headerCloudTop {
    padding-left: 10px;
}
#information_block_gray {
    padding-bottom: 5px;
}

#mainContainer {
    width :1000px;
}
/* ====================== VCARD ================ */
.draggable_item {
    background-image: url('/inc/images/move.png');
    background-position: 99% 97%;
    background-repeat: no-repeat;
    
}

.vcard_list {
    list-style-type:none;
}

.no_result {
    width: 100px;
    height: 80px;
    background: transparent url('/inc/images/no_result.png') no-repeat 50% 50%; 
}
        /*
#jqContextMenu {
    padding-left: 27px;
    background: transparent url('/inc/images/cmenu-vista-bg.gif') repeat-y;
}
.context-menu-item-hover {
    background:transparent url(c/inc/images/menu-vista-menu-item-hover.gif) repeat-x left center;
    border:1px solid #D7D0B3;
}*/

.hidden {
    display: hidden;
}

.imgDash {
    cursor:pointer;
    height:48px;
    width:100px;
} 
.padImgDash {
    padding-top: 5px;
    padding-bottom: 5px;
}
.comment_pages { font-size: 9px;}
.comment_page_active {color: orange !important;}
.comment_item_pages { 
    text-align: right; 
    background-color:#ECEFF5;
    border-bottom:1px solid #E5EAF1;
    margin-bottom:2px;
    overflow:hidden;
    padding:5px 0 4px 5px;
    width:400px;
}
.generateCloseBtn {
    position: absolute;
    top: 7px;
    right: 7px;
    background: transparent url('/inc/images/delete.png') no-repeat 2px 50%;
    padding-right: 3px;
    cursor: pointer;
	width: 16px;
	height: 16px;
}
.pages ul, .pages ol {
    padding-left: 20px !important;
    margin: 5px !important;
}
.pages ul{
    list-style: circle !important;
}
.pages ol{
    list-style: decimal !important;
}
.pages>ol>li>ul>li{
    list-style-type: disc !important;
    list-style: outside !important;
}
.pages>ol>li{
    list-style-type: lower-alpha !important;
    list-style: outside !important;
}
.pages p {
    padding-bottom: 4px;
}
.pages p:before{content:'   ';}
#searchFriends { padding-left: 20px; background: transparent url(/inc/images/search.png) no-repeat 2px 50%; padding-top: 2px; padding-bottom: 2px; width: 135px; border: 1px solid #ccc;}
.nofavoriteFriend { z-index: 100; position: absolute; top: 5px; right: 5px; background: transparent url(/inc/images/star.png) no-repeat -16px 0px;  width: 16px; height: 16px; cursor: pointer; }
.favoriteFriend {  z-index: 100; position: absolute; top: 5px; right: 5px; background: transparent url(/inc/images/star.png) no-repeat 0px 0px;  width: 16px; height: 16px; cursor: pointer; }
.navHeaderBlock {height: 55px;}

#confirmArea {margin-bottom: 5px;}
.logo-text {color: #147DBE; font-weight: bold; font-size: 16px; padding-left: 62px;}
.myContentHeader-small{height: 30px !important;}

.dlg_success {
    color: green; 
    font-weight: bold;
}
.treeWindow {width: 400px; height: 400px;}
#tree_folder {width: 400px; overflow: auto; height: 320px; padding: 5px 15px;}
.levelShift {white-space: nowrap; padding-top: 2px; padding-bottom: 3px;}
.tree_info {font-size: 12px; color: #666;}
.tree_folder_selected  a {}


/*pages*/
.pages {}

.pages p {
	padding-bottom: 10px;
}

.pages h1 {
    color: #5da22e;
    font: bold 18px Arial;
}
.pages h2 {
    color: #4b4b4b;
    font: bold 16px Arial;
	padding-top: 5px;
	padding-bottom: 10px;
}
.pages ul {list-style: normal;}
.pages li {list-style: square;}

.protected {
    background: url("/images/icons/16x16/lock.png") no-repeat scroll 0 0 transparent;
	right: 9px;
    top: 14px;
    height: 16px;
    position: absolute;
    width: 16px;
    z-index: 100;
}
.padImgDash {position: relative;}
.view_box {padding-top: 10px; padding-bottom: 10px; padding-right: 5px;}
.view_box div{padding-top: 3px; padding-bottom: 3px;}
.menu-notifications {color: #FF8247;}

.small_tab_sep {width: 3px; float: left;height: 24px; border-bottom: 1px solid #bfbfbf;}
.small_active_tab {background: url("/inc/images/small_active_tab.png") no-repeat scroll 0 0 transparent; width: 66px; height: 25px; float: left; text-align: center; cursor: pointer;}
.small_active_tab  div{color: #147dbe;  text-align: center; padding-top: 5px;  font-weight: bold;}
.small_tab {background: url("/inc/images/small_tab.png") no-repeat scroll 0 0 transparent; width: 66px; height: 25px; float: left; text-align: center; cursor: pointer;}
.small_tab  div{color: #5d5d5d;  text-align: center; padding-top: 5px; font-weight: bold;}
.small-tabs-footer {background: url("/inc/images/small_tabs_footer.png") no-repeat scroll 0 0 transparent; height: 16px; clear: both; width: 140px; }

#menu{}
.slide-menu { 
padding: 5px; position: absolute; z-index: 20; width: 150px; float: left; margin: auto; border: 1px solid #e8e7e7; background-color: #f3f2f2; 
-webkit-border-radius: 15px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 15px;
-moz-border-radius-topright: 0;
border-radius: 15px;
border-top-right-radius: 0;
}
.slide-menu-filelist{
padding: 5px; position: absolute; z-index: 20; width: 350px; float: left; margin: auto; border: 1px solid #e8e7e7; background-color: #f3f2f2; 
-webkit-border-radius: 15px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 15px;
-moz-border-radius-topright: 0;
border-radius: 15px;
border-top-right-radius: 0;
}

.slide-menu ul{}
.slide-menu li{ text-align: right; padding-bottom: 5px;}

#preference-toolbar-inline {
	text-align: right;
    background-color: #F5F3F4;
}
.preference-settings-inline {padding: 3px 11px 3px 1px;}

.navigation-toolbar {background-color: #F5F3F4; padding-left: 5px; padding-right: 5px; text-align: left; height: 25px;}
.preference-box-h1{padding-left: 20px; padding-top: 5px;}
.preference-box-h1  h1{color: #147DBE; font-size: 18px;}
.preference-box-file-folder-name a{ font-size: 14px;}
.preference-box-item-info{padding-bottom: 3px;}
.preference-box-item-info .fileInfo{padding-top: 3px;}
.preference-box-item-info-inner {background-color: #f5f3f4;}
.preference-box-item-info .sep{padding-bottom: 5px;}
.preference-td td {padding: 10px;}
.preference-settings {padding-right: 5px;}

.borderImg {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
}

.preference {padding: 15px;}
.preference td {padding-top: 5px; padding-bottom: 5px;}
.preference-private {padding:2px 5px 5px 5px;}
.preference-private-inner {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:3px;}
.preference-file-is-private {padding: 20px;}
.files-filename {color: #147DBE; font-size: 18px;}
.dialog_content_file_email {width: 600px; min-height: 400px;}
.dialog_content_dash {width: 400px; height: 400px;}
.file-list a{font-weight: normal;}
.file-list td{padding: 2px;}
.file-list-warning {text-align: right; color: #631110;}
.file-list-warning a{color: #631110; font-weight: normal; font-size: 12px;}

/*****************************************/
#friends_block {width: 660px !important; height: 420px;}
#mini_address_list {width: 645px; height: 330px; overflow: auto;} 
.addr_item {
    border: 1px solid #F3F3F3;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    height: 55px;
    margin: 1px;
    padding: 10px 3px;
    text-align: center;
    width: 150px;
}
#search_text_address, #new_address, #search_text_friends {border: 1px solid #ccc; font-size: 12px; padding: 2px 3px; width: 200px;}
#information_block {
    margin-top: 8px;
    background-color: #D0E1F3;
    border: 1px solid #ccc;
    color: #5D5D5D;
    padding: 4px 3px;      
}
#ERR_addressbook {font-size: 12px; color: RED; font-weight: bold;}
#add_new_email_box {border-top: 1px dotted #666;}

#confirmPrivacyWindow{width: 300px; height: 300px;}
#confirmPrivacyWindow_text {font-weight: bold;}
#confirmPrivacyWindow_header {}
#okPrivacyWindow{width: 300px; height: 300px;}
#okPrivacyWindow_text {font-weight: bold;}
#okPrivacyWindow_header {}

/***********************************************************/
.download-left-label {
    -moz-border-radius: 0 4px 4px 0;
    background-color: #E2E2E2;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 105px;
}
.skins {
    float: left;
    height: 150px;
    margin: 3px;
	text-align: center;
}
.imgSkins {
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    cursor: pointer;
    margin: 3px 6px 3px 0;
    padding: 3px;
    vertical-align: middle;
}
.kadoo_user {
	background: transparent url('/images/small_logo.png') no-repeat 100% 3px;
} 
.users_line {height: 15px; background-color: #E8F8F9; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.users_data {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.users_data  .users_data_table{padding-left: 40px; padding-bottom: 10px}
.users_data  .users_data_table td{padding: 5px;}
.users_data  .users_data_table input{border: 1px solid #ccc; width: 200px; padding: 2px 3px;}
.users_data  .users_data_table .ucheckbox{width: 20px;}
.users-info-line {
    background-color: #F5F3F4;
    padding: 5px;
    text-align: left;
	font-weight: bold;
}
.users-info-line  span {font-weight: normal;}
.users_data_left_column {width: 150px;}
.users_data_preferences {padding-left: 50px;}
.users_data_info {color: #777; padding: 5px;}
.user_data_logos {    
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
}
.preference-box-inline {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; height: 16px;}
#navTDHeader {
    margin: 0;
    padding-left: 12px;
	padding-right: 5px;
}
.header-search {padding-right: 15px;}
.upgrade {
	border: 1px solid #ccc; 
	background-color: #F5F4F4;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
	 padding: 15px;
 }
.upgrade  div{padding: 10px;}
.upgrade  li{padding-bottom: 10px;}
.upgrade-box td{padding: 10px;}