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

/* Body Styles */
body { margin: 0px auto; padding: 0px; }
.clear { clear: both }
.float_lt { float: left }
.float_rt { float: right }

/* Block styles - HTML5 */
header, footer, nav, section, aside, article, menu { display: block }

/* Media Queries  */
.wrapper { width: 980px; }
.headLink_email{width: 980px;  margin:0px auto; }
header { width: 980px; position: fixed; top: 0px; z-index: 9; margin-top: 5px; }
.leftnav { min-height: 600px; width: 180px; position: fixed; top: 145px }
.content { width: 798px; 1position:absolute; margin-top: 240px; float: left }

.account{margin-top: 188px !important;}
.menu { position: fixed; height: 45px; top: 151px; z-index: 8; padding: 1px 0px }
.file_header { position: fixed; height: 40px; min-height: 40px; top: 199px; z-index: 9; float: left; min-width: 800px !important }
.items { position: fixed; bottom: 20px; }

/* Container styles */
.head_cont { float: left; clear:both; position:relative; }
.head_links { float: right; width: 100%; text-align: right }
.head_search { margin: 10px 0px 0px 0px; width: 100%; float: left; position: relative }

/* Generic Styles */
body { background: #fff; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 18px; color: #333; background: #e9f2f7 url(../images/main_bg.png) repeat-x 0px -248px fixed;  }
img { border: 0px; outline: none }

/* Container Styles */
.wrapper { margin: 0px auto; position: relative }
header { margin: 0px auto; z-index: 9; background: #e9f2f7 url(../images/background.png) repeat-x 0px -2px fixed;}
.content { background: #fafafa; padding: 1px 0 30px 0; }

/* Header styles */
h1 { text-indent: -3500px; overflow: hidden; padding: 0px; margin: 32px 0px 0px; height: 75px; width: 180px; float: left }
h2 { color:#6096bc; font-size:15px; font-weight:normal; margin:5px 0px 15px; padding:0px; letter-spacing:0.1em }
h3 { color:#5087ae; font-size:14px; font-weight:bold; margin:0; }
h4 { }
h5 { }
h6 {color:#5187ad; font-size:12px; font-weight:normal; margin:10px 0; float:left; width:100%; }

/* Logo styles */
h1 a { height: 75px; width: 139px; float: left; background: url(../images/idrive_logo.png) no-repeat; margin-left: 0px !important; }

/* Header Links Styles */
.head_links ul { float: right; text-align: right; margin: 0px 0px; padding: 0px 0px; }
.head_links li { font-size: 14px; color: #41586a; list-style-type: none; float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px }
.head_links li a { color: #41586a; text-decoration: none; padding: 6px 10px; float: left; line-height: 23px; background: url(../images/upgrade.png) no-repeat 0px 3px; padding: 6px 10px 0px 30px }
.head_links li a:hover {color: #6196B9; }
.head_links li a.head_user { background: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #fff url(../images/user_arrow.png) no-repeat right 13px; padding: 6px 37px 6px 13px; }
.head_links li a.head_user:hover { color: #6196b9; 1background: #fff url(../images/user_arrow_up.png) no-repeat right 13px; }

/* Search related styles */
.head_srch_box { width: 390px; border: 1px solid #93b6ca; height: 18px; padding: 7px 85px 7px 10px; line-height: 18px; outline: none; float: left; vertical-align: middle; color: #999 }
.head_srch_box:focus { border: 1px solid #a2b3bd; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); color: #41586a }
.head_srch_item { width: 60px; background: #fff url(../images/search_divider.png) no-repeat 0px 4px; height: 32px; float: left; position: absolute; left: 407px; border: 1px solid #93b6ca; border-left: 0px; line-height: 32px; padding: 0px 10px; font-size: 13px; color: #999 }
.head_srch_item span { background: url(../images/search_arrow.png) no-repeat right 2px; padding-right: 16px }

/* Item styles */
.items { float: left; height: 60px; background: url(../images/items.png) no-repeat 20px 0px; padding: 10px 0px 0px 60px; color: #5187ad; }

/* Menu Styles */
.menu { background: #f9f9f9; border-bottom: 1px solid #dedede; }
ul.file_menu2 { display: none; }
ul.file_menu, ul.file_menu2 { padding: 0px 0px; margin: 0px 0px; list-style-type: none; height: 45px; float: left; }
ul.file_menu li, ul.file_menu2 li { margin: 0px; padding: 0px 3px 0px 0px; float: left; background: url(../images/menu_divider.png) no-repeat right; height: 45px }
ul.file_menu li a, ul.file_menu2 li a { float: left; text-decoration: none; text-indent: -3500px; overflow: hidden; padding: 0px 15px; background-image: url(../images/menu_icons.png); background-color: #f9f9f9; background-repeat: no-repeat; height: 45px; }
ul.file_menu li a:hover, ul.file_menu2 li a:hover { background-image: url(../images/menu_icons.png); background-color: #dfe6eb; background-repeat: no-repeat; }
.menu .float_rt a { color: #6196b9; text-decoration: none; font-size: 13px; line-height: 45px; padding: 0px 15px; }

/* File Header styles */
.file_header { background: #f4f4f4; border-bottom: 1px solid #dedede; }
.file_header > div { margin: 0px; padding: 0px; list-style-type: none; float: left; height: 40px; line-height: 40px; }
.file_header a { font-size: 12px; color: #666666; text-decoration: none; }

/* List view file details styles */
.file_check { width: 5%; text-align: center; position: relative; float: left; z-index:2; }
.file_thumb { width: 8%; float: left; min-height:1px; }
.file_name { float: left; width:56%; }
.file_head_row .file_name{width:58%;}
.file_size { width: 8%; float: left; overflow: hidden; }
.file_date { width: 18%; float: left; overflow: hidden }
.file_action { width: 33px; float: right }
.file_list ul { margin: 0px; width: 100%; padding: 0px; list-style-type: none; }
.file_list li { margin: 0px; padding: 0px; list-style-type: none; float: left; height: 60px; background: #f9f9f9; border: 1px solid #f9f9f9; border-left: 0px; border-right: 0px; width: 100%; color: #999; }
.file_list li:hover { background: #fff; border: 1px solid #d0dde2; border-left: 0px; border-right: 0px; }
.file_list li:nth-child(1) { border-top: 0px; }
.file_list li:nth-child(1):hover { background: #fff; border: 1px solid #dedede; border-left: 0px; border-right: 0px; border-top: 0px; }
.file_list li > div { height: 60px; }
.file_list .file_size, .file_list .file_date { line-height: 60px }
.file_name p { margin: 0px 0px 0px; padding: 20px 0px 0px 0px; max-width: 95%;  white-space: nowrap; float:left; width:95%; }
.file_list .file_name p a { color: #666666; font-size: 16px; text-decoration: none; }
.file_list .file_name p a { color: #666666; font-size: 16px; text-decoration: none; max-width: 95%;  text-decoration: none; white-space: nowrap; }
.file_list .file_name p.path { padding: 5px 0px 0px 0px; margin: 0px; }
.file_thumb a { width: 40px; height: 40px; float: left; background-image: url(../images/file_icons.png); background-repeat: no-repeat; margin:9px 0 0 8px; position:relative; text-indent:-9999px; border: 1px solid #DDDDDD; }
/* Loader styles */
.loader { text-align: center; display: inline-table }
.loader img { margin: 28px auto; width: 22px; height: 13px; }

/* Icon styles */
.menu_arrow { background: url(../images/details_arrow.png) no-repeat right; padding: 0px 0px 0px 2px }
.upload { cursor: pointer; display: block; margin-right: 0px; overflow: visible; padding: 0; position: relative; text-align: center; text-decoration: none !important; background-position: 15px 0px; overflow: hidden; width: 28px; }
.upload input { border: medium solid transparent; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.newfolder { width: 22px; background-position: 15px -45px; }
.delete { width: 22px; background-position: 15px -225px; }
.share { width: 21px; background-position: 15px -180px; }
.copy { width: 19px; background-position: 15px -270px; }
.move { width: 22px; background-position: 15px -315px; }
.back { width: 19px; background-position: 15px -360px; }
.shortcuts_delete { width: 19px; background-position: 15px -1530px; }
.putback { width: 18px; background-position: 15px -1260px; }
.trash { background: #f9f9f9 url(../images/menu_divider.png) no-repeat; float: left; margin-right: 1px; }
.trash:hover { background: #dfe6eb url(../images/menu_divider.png) no-repeat; }
.details { background: #f9f9f9 url(../images/menu_divider.png) no-repeat; float: left; padding-right: 15px; margin-right: 1px; }
.details:hover { background: #dfe6eb url(../images/menu_divider.png) no-repeat; float: left; }
.file_dsc { background: url(../images/file_header_arrow.png) no-repeat right; float: left; padding-right: 15px }
.file_asc { background: url(../images/file_header_arrow1.png) no-repeat right; float: left; padding-right: 15px }
.float_rt a.listview { width: 19px; text-indent: -3500px; overflow: hidden; height: 45px; float: left; padding: 0px 15px; background: #f9f9f9 url(../images/menu_icons.png) 15px -90px no-repeat; margin-right: 1px }
.float_rt a.listview:hover { background: #dfe6eb url(../images/menu_icons.png) 15px -90px no-repeat }
.float_rt a.listview_act { width: 19px; text-indent: -3500px; overflow: hidden; height: 45px; float: left; padding: 0px 15px; background: #dfe6eb url(../images/menu_icons.png) 15px -90px no-repeat; box-shadow: inset 0px 0px 5px #d7e0e7; margin-right: 1px }
.float_rt a.thumbview { width: 16px; text-indent: -3500px; overflow: hidden; height: 45px; float: left; padding: 0px 15px; background: url(../images/menu_icons.png) 15px -135px no-repeat }
.float_rt a.thumbview:hover { background: #dfe6eb url(../images/menu_icons.png) 15px -135px no-repeat; }
.file_menu_list { margin-top: 20px }
.file_list li:hover .file_menu_list { background: url(../images/file_menu_arrow.png) no-repeat; }
.file_list li.act .file_menu_list { background: url(../images/file_menu_arrow.png) no-repeat; }
.file_menu_list_active { background: url(../images/file_menu_arrow.png) no-repeat; }
.emptytrash { background: #f9f9f9 url(../images/menu_divider.png) no-repeat; float: left; }
.emptytrash:hover { background: #f1f4f6 url(../images/menu_divider.png) no-repeat; float: left; }

/* file type styles */
.folder { background-position: 0px -10px; }
.image { background-position: 0px -70px; }
.movie { background-position: 0px -130px; }
.text { background-position: 0px -190px; }
.word { background-position: 0px -250px; }
.xls { background-position: 0px -310px; }
.ppt { background-position: 0px -370px; }
.zip { background-position: 0px -430px; }
.pdf { background-position: 0px -490px; }
.music { background-position: 0px -550px; }
.file_thumb a.music { background-image: url(../images/file_icons.png) !important; background-position: 0px -550px !important; }
.xml { background-position: 0px -610px; }
.html { background-position: 0px -670px; }
.script { background-position: 0px -730px; }
.unknown { background-position: 0px -790px; }
.dmg { background-position: 0px -850px; }
.exe { background-position: 0px -910px; }
.dll { background-position: 0px -970px; }
.calendar { background-position: 0px -1030px; }
.videos { background-position: 0px -1090px; }
.photos { background-position: 0px -1150px; }
.contacts { background-position: 0px -1210px; }
.iPhone { background-position: 0px -1270px; }
.iPad { background-position: 0px -1330px; }
.android { background-position: 0px -1390px; }
.windows { background-position: 0px -1450px; }
.mac { background-position: 0px -1510px; }
.folder_share { background-position: -59px -10px; }
.image_share { background-position: -59px -70px; }
.movie_share { background-position: -59px -130px; }
.text_share { background-position: -59px -190px; }
.word_share { background-position: -59px -250px; }
.xls_share { background-position: -59px -310px; }
.ppt_share { background-position: -59px -370px; }
.zip_share { background-position: -59px -430px; }
.pdf_share { background-position: -59px -490px; }
.music_share { background-position: -59px -550px; }
.xml_share { background-position: -59px -610px; }
.html_share { background-position: -59px -670px; }
.script_share { background-position: -59px -730px; }
.unknown_share { background-position: -59px -790px; }
.dmg_share { background-position: -59px -850px; }
.exe_share { background-position: -59px -910px; }
.dll_share { background-position: -59px -970px; }
.calendar_share { background-position: -59px -1030px; }
.videos_share { background-position: -59px -1090px; }
.photos_share { background-position: -59px -1150px; }
.contacts_share { background-position: -59px -1210px; }
.iPhone_share { background-position: -59px -1270px; }
.iPad_share { background-position: -59px -1330px; }
.android_share { background-position: -59px -1390px; }
.windows_share { background-position: -59px -1450px; }
.mac_share { background-position: -59px -1510px; }

/* Button styles */
.head_srch_btn { width: 70px; height: 32px; line-height: 18px; padding: 7px 0px; text-align: center; border: 0px; background: #6196b9; color: #fff; font-size: 14px; float: left; margin: 1px 0px 0px 5px; border-radius: 2px }
.head_srch_btn:hover { box-shadow: inset 0px 0px 5px #333 }

/* Check box styles */
.file_check label { text-indent: -3500px; font-size: 1px; height: 14px; width: 14px; background: url(../images/checkboxes.png) 0px 0px no-repeat; float: left; position: absolute; left: 18px; margin: 13px 0px 0px; }
.file_check input[type='checkbox'] { visibility: hidden; opacity: 0; height: 18px; width: 18px; float: left; position: absolute; left: 18px; margin: 7px 0px 0px; }
.file_check label.label_checked { background: url(../images/checkboxes.png) 0px -20px; }
.label_semi_checked { background: url(../images/checkboxes.png) 0px -40px !important; }
.file_list .file_check label { margin: 22px 0px 0px; }
.file_list .file_check input[type='checkbox'] { margin: 22px 0px 0px; }

/* Text file styles */
.newfolder_box { border: 1px solid #93b6ca; height: 18px; padding: 7px 10px 7px 10px; line-height: 18px; outline: none; width: 350px; font-size: 16px; margin: 18px 5px 0px 0px; }

/* Drop down menu styles */
#srch_menu { left: 377px; top: 0px; display: none; width: 110px; text-align: right !important; }
#file_menu_items { display: none; }
.dropdown li a { text-decoration: none; color: #999; display: block; border: 1px solid #fff; padding: 2px 15px !important; font-size: 13px; line-height: 18px !important; height: 18px !important; }
.dropdown li a:hover { background: #f0f4f7; color: #6096ba; text-decoration: none; }
.file_menu_items li.bdr_btmr { border-bottom: 1px solid #f0f4f7; }
#dtls_menu { display: none; width: 100px; right: 103px }
#dtls_menu li a { background: #fff url(../images/detail_active.png) no-repeat 8px 4px; padding: 4px 0px 4px 30px !important }
#dtls_menu li a.act { background: #fff }
#dtls_menu li a.act:hover { background: #f0f4f7 }
#dtls_menu li a:hover { background: #f0f4f7 url(../images/detail_active.png) no-repeat 8px 4px; color: #6096ba; text-decoration: none; }
.file_menu_items, .file_menu_items1, .dropdown { margin: 0; padding: 0; background: #fff; display: table; box-shadow: 0 0 10px #78a5c5; -moz-box-shadow: 2px 0 10px #78a5c5; -webkit-box-shadow: 0px 0px 10px #78a5c5; position: absolute; z-index: 99 }
.file_menu_items li, .file_menu_items1 li, .dropdown li { display: block; list-style: none; }
.file_menu_items li a, .file_menu_items1 li a { width: 100px; text-decoration: none; color: #666; display: block; border: 1px solid #fff; padding: 4px 10px 4px 37px; font-size: 12px; line-height: 18px; height: 20px; margin: 0px 0px; background-image: url(../images/menu_icons.png); background-repeat: no-repeat; background-color: #fff }
.file_menu_items li a:hover, .file_menu_items1 li a:hover { text-decoration: none; color: #6096ba; background-image: url(../images/menu_icons.png); background-repeat: no-repeat; background-color: #f0f4f7 }
.file_menu_share { background-position: 8px -2080px; }
.file_menu_download { background-position: 10px -729px; }
.file_menu_copy { background-position: 10px -818px; }
.file_menu_move { background-position: 10px -548px; }
.file_menu_rename { background-position: 10px -413px; }
.file_menu_delete { background-position: 10px -594px; }
.file_menu_versiion { background-position: 10px -860px; }
.file_menu_shortcut { background-position: 10px -1179px; }
.file_menu_unshare { background-position: 10px -1086px; }
.file_menu_trash { background-position: 10px -505px; }

.file_menu_upload { background-position: 10px -686px; }
.file_menu_newfolder { background-position: 10px -459px; }
.file_menu_listview { background-position: 10px -1136px; }
.file_menu_thumbview { background-position: 10px -640px; }
.file_menu_refresh { background-position: 10px -774px; }
.file_menu_putback { background-position: 10px -1356px; }
.file_menu_home { background-position: 10px -1448px; }
.trashicon { background: url(../images/menu_icons.png) no-repeat 0px -1229px; padding: 0px 0px 0px 20px }
.jeegoocontext { display: none }

/* Footer Related styles */
footer { text-align: center; float: left; 1width:100%; line-height: 35px; color: #999; }

/* multi-selection styles */
.file_list .selected { background: url(../images/row_selected_bg.png) repeat-x !important; border-bottom: 1px solid #d0dde2; border-top-color: #f9f9f9 }
.file_list .rgtclk {background: url(../images/row_selected_bg.png) repeat-x !important; border-bottom: 1px solid #d0dde2; border-top-color: #f9f9f9;}
.file_list .selected:hover { background: background: url(../images/row_selected_bg.png) repeat-x !important; border-bottom: 1px solid #d0dde2; border-top-color: #f9f9f9 }
.file_list_row { padding-left: 1%; }
#file_list_container { display: table; }
.rowselected { margin: 0; padding: 10px; position: absolute; z-index: 10; display: none; }

/* Page Title styles */
.title { float: left; width: 100%; height: 40px; margin: 22px 0px 0px; line-height: 30px; }
.title p { padding: 0px 0px; margin: 5px 0px; font-size: 18px; color: #666; float: left; letter-spacing: 0.10em; }
.title span { float: right; color: #5187ad; }
.title a { color: #41586a; text-decoration: underline; font-weight: bold; }

/*tool tip styles*/
.tips { padding: 5px; font-size:13px !important; position: absolute; z-index: 100000;white-space:nowrap; }
.tips-inner { padding: 4px 8px 4px 8px; background-color: #fffef1; color: #000000; width:auto; text-align: center; }
.tips-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #afa375; }
.tips-arrow {background: url(../images/tooltip_arrow.png) no-repeat top left; display:block;  text-align:center; margin-left: -4px; position:absolute; height:10px; width:10px; bottom: 0; left: 50%; background-position: bottom left;}

/*upload status styles*/
.upload_main_container { background:#D9E8F2; margin:0; position:relative; width:100%; display:none; float:left; position: absolute;  }
.upload_navigate { position:absolute; right:15px; top:10px; }
.upload_container { background:#d9e8f2; }
ul.upload_head { margin:0; padding:0; list-style:none; }
ul.upload_head li { margin:11px 10px; overflow:hidden; }
li.upload_togglehead_one { font-weight:bold; font-size:15px; }
li.upload_togglehead_two { display:none; }
.upload_progress_active { border-top:1px solid #C1DBEA; margin:0 10px; padding-top:10px; height: auto !important; }
.upload_progress_active ul { height: auto !important; list-style: none; margin: 0 auto 15px; max-height: 150px; overflow-y: auto; padding: 0; width: 700px; }
.upload_progress_active li span { float:left; display:block; line-height:30px; min-height:1px; margin-right: 5px;  white-space: nowrap; }
.upload_progress_active li { display:table; height:30px; }
.uplod_file_icon { width:60px; background:url(../images/file-type-icons-22x22.png) no-repeat 0 -15px; height:30px; }
.xls_icon { background-position: 0 -350px; }
.img_icon { background-position: 0 -392px; }
.txt_icon { background-position: 0 -643px; }
.docx_icon { background-position: 0 -434px; }
.upload_filename { width:140px; }
.upload_progress { width:410px; background:#fff; height:4px; margin:13px 25px 0 0; border:1px solid #9abdd3; float:left; display:block; }
.upload_togglehead_two .upload_progress { margin:8px 0 0 13px; width:65% }
.upload_done {background:#8ac633; height:4px; float:left;}
.upload_parent_close { display:none; float:left; width:15px; height:15px; margin:2px 0 0 10px; border-left:1px solid #9abdd3; padding-left:5px; }
.upload_parent_close span { background:url(../images/popup_close_btn.png) no-repeat; float:left; display:block; width:15px; height:15px; cursor:pointer; }
.hide_details { cursor:pointer; float:left; }
.upload_close_btn { background:url(../images/popup_close_btn.png) no-repeat; height:15px; width:15px; margin-top:8px; cursor:pointer; }
.uploading { float:left; display:block; }
.upload_mc { padding:0; }
.upload_mc  ul.upload_head li { border-bottom:0 none; margin-bottom:0; }
.upload_togglehead_two span.progress { float:left; margin-left:25px; }

/* thumb view related styles */
.ul_thumbview .content_thumb { margin-top:196px !important; }
.ul_thumbview #file_list_container li { width:auto; margin:20px 0 0 20px; position:relative; display:table; border:1px solid #f9f9f9; z-index:1; }
.ul_thumbview #file_list_container li:hover { background:none; }
.ul_thumbview #file_list_container .file_size, .ul_thumbview .file_date { display:none; }
.ul_thumbview #file_list_container .file_thumb { width:135px; height:135px;  border:1px solid #f0f0f0;}
.ul_thumbview #file_list_container .file_thumb:hover { background: #edf2f4; }
.ul_thumbview #file_list_container .file_thumb a { margin:30px 0 0 33px;  background-image: url(../images/file_icons_gridview.png); height: 70px; width: 70px;}
.ul_thumbview #file_list_container .file_thumb a.music { background-image: url(../images/file_icons_gridview.png)!important; }

.ul_thumbview #file_list_container .file_list_row { padding:0; height:auto; }
.ul_thumbview #file_list_container .file_name { width:137px !important; min-width:1px !important; clear:both; height:42px; overflow:hidden;  }
.ul_thumbview #file_list_container li:nth-child(1):hover { border: 1px solid #f9f9f9; background:none; }
.ul_thumbview #file_list_container li:hover {  border: 1px solid #f9f9f9; }
.ul_thumbview #file_list_container li:nth-child(1) { border-top:1px solid #f9f9f9; }
.ul_thumbview #file_list_container .file_check { position:absolute; height:auto; width:auto; top:123px; }
.ul_thumbview #file_list_container .file_check label { left:0; }
.ul_thumbview #file_list_container .file_action { position:absolute; right:8px; top:5px; width:18px; }
.ul_thumbview #file_list_container .file_menu_list { margin-top:0; }
.ul_thumbview #file_list_container .file_name p { padding:6px 0 0 20px; }
.ul_thumbview #file_list_container .file_name p a { font-size:12px; word-wrap:break-word; }
.thumbview_act { background-color:#DFE6EB !important; }
.listview_deact { background-color:transparent !important; }
.ul_thumbview .file_header .file_name, .ul_thumbview .file_header .file_size, .ul_thumbview .file_header .file_date { display:none; }
.ul_thumbview .menu .details { display:none; }
.ul_thumbview .newfolder_box { width:94px; margin:5px 0 0; padding:4px; }

.ul_thumbview .folder { background-position: 0px -10px; }
.ul_thumbview .image { background-position: 0px -100px; }
.ul_thumbview .movie { background-position: 0px -190px; }
.ul_thumbview .text { background-position: 0px -280px; }
.ul_thumbview .word { background-position: 0px -370px; }
.ul_thumbview .xls { background-position: 0px -460px; }
.ul_thumbview .ppt { background-position: 0px -550px; }
.ul_thumbview .zip { background-position: 0px -640px; }
.ul_thumbview .pdf { background-position: 0px -730px; }
.ul_thumbview #file_list_container .music { background-position: 0px -820px !important; }
.ul_thumbview .xml { background-position: 0px -910px; }
.ul_thumbview .html { background-position: 0px -1000px; }
.ul_thumbview .script { background-position: 0px -1090px; }
.ul_thumbview .unknown { background-position: 0px -1180px; }
.ul_thumbview .dmg { background-position: 0px -1270px; }
.ul_thumbview .exe { background-position: 0px -1360px; }
.ul_thumbview .dll { background-position: 0px -1450px; }
.ul_thumbview .calendar { background-position: 0px -1540px; }
.ul_thumbview .videos { background-position: 0px -1630px; }
.ul_thumbview .photos { background-position: 0px -1720px; }
.ul_thumbview .contacts { background-position: 0px -1810px; }
.ul_thumbview .iPhone { background-position: 0px -1900px; }
.ul_thumbview .iPad { background-position: 0px -1990px; }
.ul_thumbview .android { background-position: 0px -2080px; }
.ul_thumbview .windows { background-position: 0px -2170px; }
.ul_thumbview .mac { background-position: 0px -2260px; }

/*swf upload related code*/
.swfupload { position:absolute; left:0; top:0; opacity:0; z-index:2; width:58px; height:46px; }

/* share view */
.downlod_remains { width: 10%; float: left; overflow: hidden; line-height:60px; }
.share_mail { background-position: 15px -1671px; width: 21px; }
.share_fb { background-position: 15px -1713px; width: 21px; }
.share_twitter { background-position: 15px -1756px; width: 21px; }
.share_in { background-position: 15px -1799px; width: 21px; }
.ul_thumbview .downlod_remains { display:none; }
.upload_main_container { position:relative; top:0; margin-top:0px; }
.file_head_row { padding-left:5% !important; width:95%; position:absolute; }
.file_head_row .downlod_remains { line-height:normal; color: #666666; margin-top: 5px; }

/* notification container related styles */
.notification_container { position:fixed; bottom:25px; right:25px; z-index:99; }
.notification_container img { float:left; margin-right:3px; }
.notification_container .notification_content { margin-top:20px; float:left; background:#f9f8ea; border:1px solid #fff; padding:5px 25px 5px 10px; box-shadow:0 0 5px #bfc4c8; height:39px;line-height:40px;}
.notification_container .close_btn { position:absolute; right:3px; top:28px; display:block; background: url(../images/popup_close_btn.png) no-repeat; width:16px; height:16px; cursor:pointer; }
.notification_content p { margin:0; padding:0; /* line-height:35px; */}

/* loading */
.loading_wrapper { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/loading.gif) center rgba(255,255,255,.6) no-repeat; z-index:9999; display:none; }

/* Breadcrumbs related styles */
.breadcrumb { height:40px; margin:0 0 0 0px !important; float:left; line-height: 30px; }
.breadcrumb a { float: left; height: 30px; line-height: 30px; font-size: 13px; color: #41586a; text-decoration: none; background: url(../images/brdcrumb_arrow.png) no-repeat 0px 8px; padding: 0px 5px 0px 20px; white-space: nowrap; max-width: 200px; }
.breadcrumb a.home { background: url(../images/idrive_home.png) no-repeat scroll -2px 0 transparent !important; padding: 0px 5px 0px 35px; float: left; height: 30px; line-height: 30px; }
.breadcrumb a:hover { color: #6196B9; text-decoration: none }

/* Message styles */
.info, .error_msg, .alert { background: rgba(232, 242, 249, 0.6); float: left; width: 100%; height: 40px; margin: 12px 0px 0px; font-size: 13px; line-height: 30px; color: #666 }
.error_msg { background: #ffe9eb; color:#b33e3e; }
.alert { background:#fffddf; }
.acc_alert { position:fixed; top:75px; }
.acc_alert span { padding-top: 5px; float: right!important; }
.info p, .error_msg p, .alert p { padding: 0px 10px; margin: 5px 0px; }
.info span, .error_msg span, .alert span { float: right }
.info a, .error_msg a, .alert a { color: #5b8fb5; text-decoration: underline; font-weight: normal; }
.searchnote { float: left; margin: 50px 0px 20px 50px; font-size: 12px; color: #999; width: 80%; }
.searchnote a { color: #41586a; text-decoration: underline; font-weight: normal; letter-spacing: 0.10em }
.searchnote a:hover { color: #666; text-decoration: none; }
.info img { vertical-align: middle; }
.errormsg, .errormsg2 { background: none repeat scroll 0 0 #fdeae9; border: 1px solid #eed3d2; line-height: 18px; margin-left: -10px; margin-top: 20px; color: #666; padding: 5px 10px; position: absolute; }

/*pop up*/
.master_wrapper { width:100%; height:100%; position:absolute; left:0; top:0; margin:0; padding:0; z-index:99; }
.shadow_container { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; -khtml-opacity: .7; filter: alpha(opacity=70); }
.popup_wrapper { width:100%; height:100%; position:absolute; left:0; top:0; }
.first_pos_container { display:table; overflow:hidden; margin:0px auto; height:100%; width:550px; }
*:first-child+html .first_pos_container { position:relative; }
* html .first_pos_container { position:relative; }
.popup_wrapper .sec_pos_container { display:table-cell; vertical-align: middle; }
*:first-child+html .popup_wrapper .sec_pos_container { position:absolute; top:50%; }
* html .popup_wrapper .sec_pos_container { position:absolute; top:50%; }
*:first-child+html .popup_wrapper .popup_container { position:relative; top:-50%; }
* html .popup_wrapper .popup_container { position:relative; top:-50%; }
.popup_wrapper .popup_container { background:#f9f9f9; border:1px solid #a9a9a9; padding:15px; position:relative; }
.popup_container { position:absolute; overflow:hidden; left:-99999px; }
.master_wrapper .popLeft { left:0; }
.popup_close_btn { position:absolute; right:-2px; top:0; display:block; background: url(../images/popup_close_btn.png) no-repeat; width:16px; height:16px; cursor:pointer; }
.popup_container .popup_header { position:relative; background:none; margin-bottom:10px; border-bottom:1px solid #d2dae0; }
.popup_container .popup_footer { position:relative; margin:10px 0 0; }
.popup_container .popup_footer input { float:right; width:auto; }
.popup_container .popup_content { margin:0; padding:0; }
.mask { position:absolute; top:0; left:0; width:100%; height:100%; background: url(../images/Loader.gif) no-repeat center; display:none }

/* share password*/
.SharePassword_container .password_btn { width:250px; float: left; height:27px; padding:0px 5px; border: 1px solid #CCCCCC;}
.SharePassword_container .password_submit { float:left; height: 29px; margin: 0 0 0 5px; padding: 0 0 2px;}
.SharePassword_container .password_box { width:100%; display:inline-block; }
.SharePassword_container span.bold { font-weight:bold; padding-right:5px; }
.SharePassword_container .tab_body { padding:10px; clear:both; overflow:hidden; }
.SharePassword_container .import_txt { margin:0; padding:0; width:100%; float:left }

@media screen and (max-width:1024px) {
	.wrapper { width: 1000px !important; }
	header, .menu, .file_header { position:relative; }
	.content { margin-top:0!important; }
	.menu, .file_header { top:0!important; clear:both; float:left; }	
}

@media screen and (max-width:1280px) {
	header { width: 100%; max-width:1080px; min-width:980px; }
	.wrapper { max-width: 1080px; width: 100%; }
	.menu { min-width: 980px; max-width: 1080px; width:100% !important; }
	.file_header { min-width: 980px; max-width: 1080px; width:100% !important; }
	.content{ min-width: 980px; max-width: 1080px; width:100% !important; }
	.head_cont { min-width: 660px; }
	footer { min-width: 980px; max-width: 1080px; width:100% !important; }
	.upload_main_container { width: 1080px; }
}
@media screen and (min-width:1280px) {
	.wrapper { width: 1080px; }
	header { width: 1080px;}
	.file_header { width: 1080px !important }
	.head_cont { width: 900px !important; }
	footer { width: 1080px !important; }
	.menu { width: 1080px !important }
	.content { width: 1080px !important }
	.upload_main_container { width: 1080px; }
}

/*aroow click context menu*/
.disblock { display:block !important; }

/* share_view_body */
.share_view_body .shareview_cont .info, .share_view_body .shareview_cont .error_msg, .share_view_body .shareview_cont .alert { left:0; }
.share_view_body .shareview_cont .breadcrumb { top: 105px; position: absolute; left: -180px; }
.shared_message { margin: 10px 5px 0px 0 !important; }
li.empty_box_li:hover {  background:none; border: 0px solid #dedede; border-left: 0px; border-right: 0px; border-top: 0px; }
.file_list li.empty_box_li:nth-child(1):hover {  background:none; border: 0px solid #dedede; border-left: 0px; border-right: 0px; border-top: 0px; }
.share_view_body .error_msg.info_block.parent_hide{left: 0;}
.share_view_body .error_msg.info_block.parent_hide p span{ padding:3px 6px 0 0;} 


/*upload dropdown*/
.file_menu_uploadfiles { background-position: 10px -2176px; }
.upload_dropdown { position:absolute; left:0; top:45px; display:none; background:#fff; box-shadow: 0 0 10px #78a5c5; -moz-box-shadow: 2px 0 10px #78a5c5; -webkit-box-shadow: 0px 0px 10px #78a5c5; text-indent:0; z-index:99; text-align:left; }
.upload_dropdown ul { margin:0; padding:1px; }
.upload_dropdown li { clear:both; width:85px; padding:5px 12px !important; height:20px !important; background:none !important; list-style:none; color:#6196b9; }
.upload_dropdown li:hover { background: #f0f4f7 !important; cursor:pointer; }
.upload_dropdown span { position:absolute; background:url(../images/upload_droparrow.png); width:11px; height:7px; top:-7px; display:block; left:20px; }
.empty_upload .upload_dropdown { top:25px; }

/* Layout.css modify */
.share_receiver .menu {  top: 239px;z-index: 10;}
.share_receiver .file_header {margin-top: 88px;}
/* .share_receiver .content {margin-top: 327px;} */
.share_receiver .savetoidrive_popup {background:#f9f9f9; border:4px solid #6ea5ce; border-radius:2px;}
.share_receiver .popup_loader {padding: 16% 45%;position: absolute;top: 0;}
.share_receiver .first_pos_container {width:400px;}
.share_receiver .sti_title{  font-size:16px; font-weight:bold; line-height:24px;}
.share_receiver .sti_loging_popup .sti_input{    background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #E5E5E5;    border-radius: 3px 3px 3px 3px;    box-shadow: 0 0 5px #EFEEEE inset;    clear: both; font-size: 16px;    height: 40px;    line-height: normal;    margin: 0;    padding:0 0 10px;    width: 339px;}
.share_receiver .sti_encryption{display:none;}
.share_receiver .sti_forgot { color: #0071BA; display: block;  float: right; margin: 0 20px 0 0; text-decoration: none;}
.share_receiver .sti_forgot:hover{ color: #333333;}
.share_receiver .sti_loging_popup  label{float:left;width:100%;height:15px;padding:10px 0px;color: #000000;} 
.share_receiver .sti_login  { margin:20px 0 0; line-height: 18px; text-align: center; border: 1px solid #8ba82b; background:#8ba82b url(../images/greenbtn_bg.png); color: #fff !important; font-size: 18px; border-radius: 2px; box-shadow: inset 0px 0px 3px #fff; width:173px; height:40px; cursor:pointer }
.share_receiver .sti_login .share_receiver .frm_sti_encryption .sti_login {width:160px; margin-right:15px;}
.share_receiver .sti_login:hover{ background:#358f68 url(../images/greenbtn_bg_hover.png);border: 1px solid #358f68;  box-shadow: inset 0px 0px 10px #b3ddc5 }
.share_receiver .sti_login:active {  background:#358f68 url(../images/greenbtn_bg_hover.png);  box-shadow: inset 0px 0px 10px #03535d;  }
.share_receiver .sti_remember {    float: left;    padding: 9px 0 0;}
.share_receiver .popup_wrapper .popup_container {    background: none repeat scroll 0 0 #F9F9F9;    border: 4px solid #6EA5CE;    border-radius: 2px 2px 2px 2px;    padding: 15px;    position: relative;}
.share_receiver .sti_transperent{display:none; background:rgba(255, 255, 255, 0.8); position: absolute;top: 65;left: 0;z-index: 9;height: 240px;width:100%; }
.share_receiver .frm_sti_encryption{float:left;width:100%;padding:20px 0 10px 0;display:none;}
.share_receiver .header_sharelinks_wrap{ width:100%; height:42px; background:#FFFFFF scroll 0 0; position: fixed;  top: 102px;z-index: 10;}
.share_receiver .header_inner_wrap{position: fixed; width:100%; min-height:102px; background:#C8DDE8 url(../images/share_receiver_topbg.png) repeat-x scroll 0 0; z-index: 10;}
.share_receiver .lockman_receiver{ background:url(../images/share_receiver_lockman.png) no-repeat scroll right bottom transparent; width:386px; height:101px; float:right;  text-indent: -2500px;}
.share_receiver.share_recvr_password.sharePin .lockman_receiver{ background:url(../images/share_receiver_lockman_pin.png) no-repeat right bottom transparent;}
.share_receiver .head_cont { margin-left:0px;}
.share_receiver  h1{ margin: 26px 0 0;}
.share_receiver  header { position:fixed; top:135px;  min-height: auto !important;}
.share_receiver .sharelinks_lft{ float:left; padding:0px; margin:0px;}
.share_receiver .sharelinks_lft li{ float:left;  list-style:none; height:42px; margin:0  10px; background: url(../images/sharereceiver_bdr.png) no-repeat right center;padding-right: 20px;}
/*.share_receiver .sharelinks_lft li:first-child{ margin-left:20px;}*/
.share_receiver .sharelinks_lft li:last-child{ background:none !important;}
.share_receiver .share_brd_none{ background:none !important; position:relative;}
.share_receiver .sharelinks_lft li a{ padding:13px 0 10px 30px; float:left; background-image:url(../images/share_receiver_links.png); background-repeat:no-repeat; font-size:14px; color:#808080;}
.share_receiver .sharelink_save{ background-position:0px 15px 	;}
.share_receiver .sharelink_copy{ background-position:0px -16px ;}
.share_receiver .sharelink_share{ background-position:0px -48px ;}
.share_receiver .sharelink_signup{ background-position:0px -79px ; }
.share_receiver .sharelink_delete{ background-position:0px -183px ;}
.share_receiver .head_cont_title { padding-top:6px;float: left; font-size: 18px; line-height: 20px; margin: 9px 0 5px 0px;  width: 100%;color:#808080;}
.share_receiver .share_download { background-position: 11px -2035px; cursor: pointer; display: block; margin-right: 0; overflow: hidden; padding: 0 15px; position: relative; text-align: center; text-decoration: none !important; width: 22px; }
.share_receiver .err_msg {color: hsl(0, 100%, 50%);padding-bottom: 10px; }
.share_receiver .sr_signupmsg{ width:275px;width:360px\0/; height:57px; float:left; background:url(../images/refer_msg.png) no-repeat; right:158px; top:38px; position:absolute; display:block; }
.share_receiver .sharelinks_rgt{ float:right; min-width:100px;}
.share_receiver .sharelinks_rgt a{ padding:10px 20px 12px 0; margin:1px  0 0 0;float:left;font-size:14px; color:#808080; background:url(../images/sharereceiver_login.png) no-repeat scroll 40px 13px transparent;}
.share_receiver .saveTo_login_loader {padding: 40% 47%;position: absolute;top: 0; z-index: 10; display:none;}
.share_receiver .sti_enc_transperent{display:none; background:rgba(255, 255, 255, 0.8); position: absolute;top: 65;left: 0;z-index: 9;height: 380px; width:100%; }
.share_receiver .info, 
.share_receiver .error_msg, 
.share_receiver .alert {top:35px;}
.share_receiver .float_rt { float:right; width: auto !important;}
.share_receiver .sti_login:first-child{margin-right:10px !important;}

@media screen and (max-width:1024px) 
{
	.share_receiver .header_inner_wrap { position:relative;display: table;}
	.share_receiver .header_sharelinks_wrap { position:relative; top:0px;display: table;}
	.share_receiver  header{ position:relative; top:0px;}
	.share_receiver .file_header {margin-top:0px;position:relative;}
	.share_receiver .sharelinks_lft{ margin:0px;}
	.share_receiver .header_inner_wrap h1{height:70px;}
	.share_receiver .breadcrumb{width:100%;}
	.share_receiver .sr_signupmsg {right: 95px;}
}

.sharelinks_rgt{ margin:0px;}
.sharelinks_rgt li { float: left; list-style: none; margin: 0px 0px 0px 15px !important; }
.sharelinks_rgt li.share_signup{ background: url("../images/sharereceiver_bdr.png") no-repeat scroll right center transparent;float: left;    height: 42px;    list-style: none outside none;    margin: 0 10px;    padding-right: 20px;}
.sharelinks_rgt li.share_signup a{ background-image: url("../images/share_receiver_links.png");  background-repeat: no-repeat;background-position: 0 -81px;padding: 10px 0 12px 25px;}
.sharelinks_rgt li a{text-decoration: none;}
.file_head_row .file_size a{padding-left:7px;}
.file_head_row .file_date a{padding-left:10px;}
.sharelink_save_transprent { background: none repeat scroll 0 0 #FFFFFF; display: none; float: left; height: 41px; opacity: 0.5; position: absolute; width: 135px;}
.sharelinks_lft li a:hover ,.sharelinks_rgt li a:hover,.sharelinks_lft li.share_brd_none:hover a { color: #0071BC;}
.share_receiver .sharelinks_lft li:first-child { margin-left: 0px; position: relative;}

/*Call Logs*/

.calllogslisthead .file_thumb{width:4%}
.calllogslisthead .file_size a{ padding-left:4px !important}
#smsFileHeader .file_date a{padding-left:4px  !important}
.calllogslisthead  .file_name { width:58% !important;}

/*password changes*/
.pass_cont {float:left; width:100%; background:#fff; min-height:300px; text-align:left; padding:100px 0px 140px;}
.password_sec { width:425px; margin:60px auto 30px ; border:2px solid #93b6ca; padding:30px 50px 40px; overflow:hidden; }
.password_sec h2 {font-size: 22px; font-weight: normal; letter-spacing: 0.05em; padding-bottom:10px}
.password_sec p { font-size:14px;} 
.password_sec .error {text-align:left; line-height:20px; float:left; padding-bottom:5px;}
.password_sec .pass_inp { width:325px; height:13px; border:1px solid #93b6ca; margin-right:5px; padding:10px 5px;}
.password_sec .pass_btn {background:#6196B9; border: 1px solid #6196B9; border-radius: 2px 2px 2px 2px; color: #FFFFFF; font-size: 14px; font-weight: normal; letter-spacing: 0.07em; padding: 7px; text-align: center; cursor:pointer;}
.password_sec .pass_btn:hover{background:#5eafe5;}
.password_sec .pass_btn:active{box-shadow:0 0 5px #10608c inset;background:#5eafe5;}
.password_sec > div { width: 450px; }
.share_receiver .lockman_receiver a.lockM{ display:block;width:386px; height:101px; cursor:pointer}

.share_receiver .breadcrumb{margin-top:0px !important}

/*CSS for new notification image changes*/
.notification_content p{line-height:40px;}
.notification_content img{display:none;}
.notification_container .notification_content{background:url("../images/notification_new.png") no-repeat #f8f6d0 !important;padding:2px 25px 5px 41px !important;}

/*upload limit error styles */
ul.exceedItems {overflow: hidden;overflow-y: auto;width: 330px;margin: 0;padding: 0;border-right: 1px solid #e4ecef;border-left: 1px solid #e4ecef; font-size:14px; max-height:123px; height:auto}
ul.exceedItems li {border-bottom: 1px solid #e4ecef;background: #fff;padding: 6px 0;width:310px;margin: 0; height: 30px;line-height: 28px; padding:5px 15px 5px 5px;text-overflow: ellipsis; overflow:hidden; white-space:pre}
ul.exceedItems span {display: block;float: left;height: 28px;line-height: 28px; padding:0px 10px;overflow:hidden;  text-overflow: ellipsis; width: 310px; }
.fileNumber {background: #b1ca26;color: #fff;width: 18px;height: 18px !important;line-height: 18px!important;text-align: center;border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;font-weight: bold;position: absolute;bottom: -8px;right: 16px;}
.exceedBox{width:370px}
.popup_footer .okBtn {padding-left: 20px !important;padding-right: 20px !important;height: 30px !important;margin-left: 10px !important;cursor: pointer;text-align: center;border: 0px;color: #fff;font-size: 14px;line-height: 18px;background: #6196b9;font-family: tahoma;font-weight: normal;border: 1px solid #6196b9;border-radius: 2px;letter-spacing: 0.07em;padding: 3px 15px;}

.error_upmsg{ float: left; width: 100%; height: 40px; margin: 12px 0px 10px; font-size: 13px; line-height: 30px;  position: absolute; left: 178px; top: 79px; width: 85%; border: 1px solid #dedede; z-index:0 ; background: #ffe9eb; color: #b33e3e;top:35px;left:0;bottom: -23px;margin-top: -17px;}
.error_upmsg p{ padding: 0px 10px;margin: 5px 0px;position: relative;width: 99%; float:left; line-height:20px}
.error_upmsg a{ color: #5b8fb5; text-decoration: underline; font-weight: normal; }
.error_upmsg span {padding: 3px 6px 0 0;float: right;}
span.fileNameOver {float: none !important;position: relative !important;right:0px !important;top: 5px !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;padding: 0px 0px;margin: 0px 0px;max-width:200px; width:auto}