body { background: url(/resources/images/bg2.jpg) #27272d; color: #fff; font: 13px/16px helvetica, arial, sans-serif; }
a { text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-bottom: solid 0; /*color: #c3c4cc;*/ color: #4c64a9; }
a:hover { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; color: #23376d; }
a.empty_button.big { line-height: 36px; }
a.empty_button.big:hover { border: 0; }
a.cream_link, a.cream_link:hover { overflow: hidden; display: block; height: 24px; line-height: 24px; background: #fefefe; background-image: linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(250,248,245)), color-stop(1, rgb(255,255,255))); border: solid 1px #c1bebb; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; color: #565452; padding: 0 10px; }
a.cream_link:hover { background-image: linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -o-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -moz-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -webkit-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -ms-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(239,237,234)), color-stop(1, rgb(250,248,245))); }
h3 { font-size: 16px; line-height: 28px; color: #4a4846; margin: 20px; padding-left: 40px; }
h3#project_details_title { background: url(/resources/images/project_details_icon.png) no-repeat center left; }
h3.folder_icon { background: url(/resources/images/project_details_icon.png) no-repeat center left; }
h3.tables_icon { background: url(/resources/images/tables_icon.png) no-repeat 0 4px; }
h3.tables_ddl_icon { background: url(/resources/images/tables_ddl_icon.png) no-repeat 0 4px; }
h3.procedures_icon { background: url(/resources/images/procedures_icon.png) no-repeat center left; }
h3.code_icon { background: url(/resources/images/code_icon.png) no-repeat center left; }
h3.build_icon { background: url(/resources/images/build_icon.png) no-repeat center left; }
h3.jobs_icon { background: url(/resources/images/jobs_icon.png) no-repeat center left; }
h3.database_icon { background: url(/resources/images/database_icon.png) no-repeat center left; }
h3.ethernet_icon { background: url(/resources/images/ethernet_icon.png) no-repeat center left; }
h3.business_objects_icon { background: url(/resources/images/business_objects_icon.png) no-repeat center left; }

h3.white { color: #fff; }
h3.no_icon { padding-left: 0;}
h3 span { display: block; font-size: 12px; font-weight: normal; line-height: 20px; }
h4 { margin-bottom: 7px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); color: #fff; font-size: 13px; }
h5 { font-weight: normal; color: #000; font-size: 13px; }
h6 { color: #a19e9b; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 16px; text-shadow: 0 1px 0 #fff; }
h6.sub { font-size: 16px; line-height: 22px; color: #4a4846; font-weight: bold; }
h6.white { font-size: 16px; line-height: 22px; color: #fff; font-weight: bold; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
h6.thin_white { font-weight: normal; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); margin-bottom: 0; line-height: 36px; }

body.dark_bg { background-image: url(/resources/images/bg.jpg); }

#page { min-width: 1100px; }

header { background-image: url(/resources/images/dark_leather_strip.jpg); height: 57px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); border-bottom: solid 1px rgba(255, 255, 255, 0.16); }
header a:hover { opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }
header #global_nav { float: right; margin: 11px 25px 0 0; line-height: 30px; position: relative;}
header #global_nav li { float: left; margin-left: 36px; }
header #global_nav li a { display: block; color: #c3c4cc; }
header #global_nav li a#logout_link { background: url(/resources/images/key.png) no-repeat center left; padding-left: 29px; }
header #global_nav li a#help_link { background: url(/resources/images/lifesaver.png) no-repeat center left; padding-left: 29px; }
header #global_nav li a:hover { border: 0; }
header #global_nav li a span { float: left; }
header #global_nav li span.profile_img { margin-right: 10px; }
header #global_nav .actions_link_dropdown { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-indent: -9999px; width: 16px; height: 17px; margin: 5px 0 0 10px; padding: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
header #global_nav .actions_link_dropdown { background: url(/resources/images/user_account_control_arrows.png) no-repeat right top; }
header #global_nav .actions_link_dropdown.dropdown_open { background-position: left bottom; }
header #global_nav .table_row_actions { background: #1c1c20; border: 0; right: -0px; top: 34px; z-index: 100; }
header #global_nav .table_row_actions li { float: none; margin: 0; }
header #global_nav .table_row_actions li.top_arrow { background: url(/resources/images/user_account_dropdown_arrow.png) no-repeat center 3px; margin: -10px 0 0; padding-bottom: 2px; }
header #global_nav .table_row_actions li a { color: #fff; line-height: 24px; padding: 0 12px; }
header #global_nav .table_row_actions li a:hover { background: #333; }
header h2, #first_time_user_wrap h2 { position: relative; margin: 14px 0 0 25px; font-size: 20px; line-height: 24px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
h2.dashboard_title { position: relative; font-size: 16px; line-height: 22px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
header #project_sort { display: none; margin: -40px auto 0; text-align: center; }
header #project_sort li { display: inline-block; padding: 0 5px; }
header #project_sort li:first-child { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
header #project_sort li a { display: block; }
header #project_list > div { width: 240px; float: left; }

aside { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); color: #c3c4cc; top: 20px; left: 0; }
aside nav { overflow: hidden; margin-bottom: 10px; }
aside nav ul { margin-bottom: 24px; border: solid 1px #262729; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
aside nav ul li { border-bottom: solid 1px #262729; }
aside nav ul li:first-child:not(.middle), aside nav ul li:first-child:not(.middle) a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
aside nav ul li.last, aside nav ul li.last a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-bottom: 0; }
aside nav ul li a, aside nav ul li a:hover { display: block; /*line-height: 40px;*/ padding: 0 10px; border: 0; border-top: solid 1px rgba(255, 255, 255, 0.25); font-size: 13px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
aside nav ul.brown li a { border-top-color: #928a7d; color: #cfcdc9; background: #686157; background-image: linear-gradient(bottom, rgb(101,94,84) 0%, rgb(117,110,100) 100%); background-image: -o-linear-gradient(bottom, rgb(101,94,84) 0%, rgb(117,110,100) 100%); background-image: -moz-linear-gradient(bottom, rgb(101,94,84) 0%, rgb(117,110,100) 100%); background-image: -webkit-linear-gradient(bottom, rgb(101,94,84) 0%, rgb(117,110,100) 100%); background-image: -ms-linear-gradient(bottom, rgb(101,94,84) 0%, rgb(117,110,100) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(101,94,84)), color-stop(1, rgb(117,110,100))); }
aside nav ul.blue li a { border-top-color: #818aa4; color: #d7d8de; background: #5a6179; background-image: linear-gradient(bottom, rgb(87,94,118) 0%, rgb(103,110,134) 100%); background-image: -o-linear-gradient(bottom, rgb(87,94,118) 0%, rgb(103,110,134) 100%); background-image: -moz-linear-gradient(bottom, rgb(87,94,118) 0%, rgb(103,110,134) 100%); background-image: -webkit-linear-gradient(bottom, rgb(87,94,118) 0%, rgb(103,110,134) 100%); background-image: -ms-linear-gradient(bottom, rgb(87,94,118) 0%, rgb(103,110,134) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(87,94,118)), color-stop(1, rgb(103,110,134))); }
aside nav ul.green li a { border-top-color: #7e947e; color: #dae1d6; background: #586958; background-image: linear-gradient(bottom, rgb(85,102,85) 0%, rgb(101,118,101) 100%); background-image: -o-linear-gradient(bottom, rgb(85,102,85) 0%, rgb(101,118,101) 100%); background-image: -moz-linear-gradient(bottom, rgb(85,102,85) 0%, rgb(101,118,101) 100%); background-image: -webkit-linear-gradient(bottom, rgb(85,102,85) 0%, rgb(101,118,101) 100%); background-image: -ms-linear-gradient(bottom, rgb(85,102,85) 0%, rgb(101,118,101) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(85,102,85)), color-stop(1, rgb(101,118,101))); }
aside nav ul.grey li a { border-top-color: #787880; color: #d8d8d8; background: #56565c; background-image: linear-gradient(bottom, rgb(77,77,83) 0%, rgb(96,96,102) 100%); background-image: -o-linear-gradient(bottom, rgb(77,77,83) 0%, rgb(96,96,102) 100%); background-image: -moz-linear-gradient(bottom, rgb(77,77,83) 0%, rgb(96,96,102) 100%); background-image: -webkit-linear-gradient(bottom, rgb(77,77,83) 0%, rgb(96,96,102) 100%); background-image: -ms-linear-gradient(bottom, rgb(77,77,83) 0%, rgb(96,96,102) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(77,77,83)), color-stop(1, rgb(96,96,102))); }
aside nav ul li a:hover, aside nav ul li.active a { border-top-color: #fdc55e !important; color: #562e04; text-shadow: 0 1px 0 #ffc985; background: #faaa49; background-image: linear-gradient(bottom, rgb(247,158,70) 0%, rgb(252,178,75) 100%); background-image: -o-linear-gradient(bottom, rgb(247,158,70) 0%, rgb(252,178,75) 100%); background-image: -moz-linear-gradient(bottom, rgb(247,158,70) 0%, rgb(252,178,75) 100%); background-image: -webkit-linear-gradient(bottom, rgb(247,158,70) 0%, rgb(252,178,75) 100%); background-image: -ms-linear-gradient(bottom, rgb(247,158,70) 0%, rgb(252,178,75) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(247,158,70)), color-stop(1, rgb(252,178,75))); }
aside nav ul li a span { display: block; padding: 11px 0 11px 45px; }
aside nav ul li#tables_link a span { background: url(/resources/images/tables_icon.png) no-repeat 2px center; }
aside nav ul li#tables_ddl_link a span { background: url(/resources/images/tables_ddl_icon.png) no-repeat 2px center; }
aside nav ul li#pros_link a span { background: url(/resources/images/procedures_icon.png) no-repeat 3px center; }
aside nav ul li#sql_link a span { background: url(/resources/images/database_icon.png) no-repeat 4px center; }
aside nav ul li#code_link a span { background: url(/resources/images/code_icon.png) no-repeat 1px center; }
aside nav ul li#data_link a span { background: url(/resources/images/ethernet_icon.png) no-repeat 3px center; }
aside nav ul li#jobs_link a span { background: url(/resources/images/jobs_icon.png) no-repeat 2px center; }
aside nav ul li#help_link a span { background: url(/resources/images/help_icon.png) no-repeat 3px center; }
aside nav ul li#forum_link a span { background: url(/resources/images/forum_icon.png) no-repeat 1px center; }

aside nav ul li#build_link a span, aside nav ul li#code_console_link a span, aside nav ul li#server_scripts_link a span { background: url(/resources/images/build_icon.png) no-repeat 2px center; }
aside nav ul li#business_objects_link a span { background: url(/resources/images/business_objects_icon.png) no-repeat 2px center; }
aside nav ul li#forms_link a span { background: url(/resources/images/functions_icon.png) no-repeat 2px center; }
aside nav ul li#list_categories_link a span { background: url(/resources/images/list_categories_icon.png) no-repeat 2px center; }

aside p { margin-bottom: 30px; line-height: 18px; }
aside ul { line-height: 18px; }

aside nav ul.no_icons li a span { background: none; padding-left: 0; }

nav.secondary { float: left; margin: -10px 0 10px 60px; }
nav.secondary > ul > li { float: left; margin-right: 10px; }

footer #powered_by { display: block; width: 191px; height: 19px; background: url(/resources/images/powered_by.png) no-repeat 0 0; text-indent: -9999px; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
footer #powered_by:hover { border: none; opacity: 0.75; }

#login_wrap, #first_time_user_wrap { width: 280px; margin: -192px 0 0 -140px; text-align: center; position: absolute; top: 50%; left: 50%; }
#login_wrap h1, #first_time_user h1 { margin-bottom: 62px; background: url(/resources/images/logo_big.png) no-repeat center center; height: 57px; text-indent: -9999px; }
header h1 { background: url(/resources/images/logo_small.png) no-repeat left center; text-indent: -9999px; width: 72px; height: 57px; }
#login_wrap input { display: block; margin: 0 auto; }
#login_wrap input[type="text"], #login_wrap input[type="password"] { width: 244px; margin-bottom: 20px; }
#login_wrap #submit { width: 76px; padding: 9px 0; display: inline-block; }
#login_wrap a { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); color: #c3c4cc; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#login_wrap a:hover { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
#login_wrap label { text-align: left; color: #D7D8DE; margin-left: 10px !important; }
#login_wrap form div input { float: left; display: none; }
#login_wrap form div label { float: none !important; display: inline-block !important; margin-left: 0 !important; }
.ie8 #login_wrap form div input { float: none !important; display: inline-block !important;; }
.ie8 #login_wrap form div label { margin-left: 10px !important; }

#first_time_user_wrap { width: 340px; margin-left: -170px; margin-top: -215px; color: #c3c4cc; }
#first_time_user_wrap h2 { color: #fff; margin: 0 0 10px; }
#first_time_user_wrap a { width: 203px; height: 172px; background: url(/resources/images/project_folders.png) no-repeat 0 0; margin: 18px auto 0; display: block; position: relative; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; margin-top: 50px; }
#first_time_user_wrap a:hover { border: 0; background-position: 0 -200px; opacity: 1.0; }

body.with_dashboard header { /*margin-bottom: 70px;*/ }
body.with_dashboard header h2 { margin-top: -40px; }
body.with_dashboard header #project_sort { display: block; }
body.with_dashboard #dashboard { display: none; }
body.with_dashboard #dashboard #project_list { margin-top: 0; }
body.with_dashboard #main_content { position: absolute; top: 0; left: 0; }
body.with_dashboard #download_wrap { margin-top: -57px; }

#dashboard #project_list { margin: 0 auto 70px; font-size: 13px; line-height: 20px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
#dashboard #project_list > div.project_folder { width: 240px; height: 260px; float: left; text-align: center; margin: 0 20px; padding: 1px; position: relative; }
#dashboard #project_list > div.project_folder.new_project { /*border: solid 1px #3c3c44; border: solid 1px rgba(126, 126, 139, 0.3); background: #1c1c20;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#dashboard #project_list > div.project_folder .folder_icon { width: 203px; height: 172px; background: url(/resources/images/project_folders.png) no-repeat 0 -400px; margin: 18px auto 0; display: block; position: relative; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
#dashboard #project_list > div.project_folder.new_project .folder_icon { background-position: 0 0; }
#dashboard #project_list > div.project_folder.active .folder_icon { background-position: 0 -600px; }
#dashboard #project_list > div.project_folder .folder_icon:hover { border: 0; opacity: 0.75; }
#dashboard #project_list > div.project_folder.new_project .folder_icon:hover { background-position: 0 -200px; opacity: 1.0; }
#dashboard #project_list > div.project_folder .folder_icon span { background: url(/resources/images/blue_info_icon.png) no-repeat 0 0; width: 22px; height: 23px; top: 31px; right: 13px; position: absolute; text-indent: -9999px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-opacity: .0; filter:alpha(opacity=0); opacity: .0; }
#dashboard #project_list > div.project_folder.active .folder_icon span { background: url(/resources/images/orange_info_icon.png) no-repeat 0 0; }
#dashboard #project_list > div.project_folder .folder_icon:hover span { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; -moz-opacity: 1.0; filter:alpha(opacity=100); opacity: 1.0; }
#dashboard #project_list > div.project_folder .project_title { display: block; margin: 0 18px; font-weight: bold; }
#dashboard #project_list > div.project_folder .info_overlay { background: #1c1c20; width: 297px; position: absolute; left: -28px; top: -30px; z-index: 1; display: none; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; font-size: 12px; overflow: hidden; }
#dashboard #project_list > div.project_folder .info_overlay strong { font-size: 13px; display: block; background: #141416 url(/resources/images/blue_folder_icon_small.png) no-repeat 10px 12px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-bottom: solid 1px #000; padding: 12px 32px 12px 50px; }
#dashboard #project_list > div.project_folder.active .info_overlay strong { background-image: url(/resources/images/orange_folder_icon_small.png); }
#dashboard #project_list > div.project_folder .info_overlay .close_link { width: 8px; height: 8px; background: url(/resources/images/info_overlay_close_button.png) no-repeat center center; display: block; text-indent: -9999px; position: absolute; top: 5px; right: 0; padding: 12px; cursor: pointer; -moz-opacity: 1.0; filter:alpha(opacity=100); opacity: 1.0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
#dashboard #project_list > div.project_folder .info_overlay .close_link:hover { -moz-opacity: 0.75; filter:alpha(opacity=75); opacity: 0.75; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
#dashboard #project_list > div.project_folder .info_overlay ul { border-top: solid 1px #27272a; padding: 8px 12px 0; }
#dashboard #project_list > div.project_folder .info_overlay ul li { margin-bottom: 10px; }
#dashboard #project_list > div.project_folder .info_overlay ul li span { display: block; }

#dashboard #project_list.new_project_form .project_folder.new_project { background: url(/resources/images/folder_icon_new_project_form.png) no-repeat 0 0; margin-right: 0; margin-top: 20px; width: 240px; padding-right: 21px; }
#dashboard #project_list.new_project_form .project_folder.new_project .folder_icon { visibility: hidden; height: 176px; }

#main_content { width: 100%; min-width: 1350px; background: url(/resources/images/folder_tab_bg_repeat_2.png) repeat-x 0 49px; }
#main_content #wrap { background: url(/resources/images/bg2.jpg); border-top: solid 1px #636572; border-top: solid 1px rgba(255, 255, 255, 0.15); clear: both; }
.dark_bg #main_content { background: none; }

#folder_tab { float: left; overflow: hidden; margin: 0 0 -1px; padding: 8px 0 0; }
#folder_tab h2 { float: left; background: url(/resources/images/folder_tab_bg_repeat_2.png) repeat-x 0 0; line-height: 42px; font-size: 16px; font-weight: bold; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); padding-top: 8px; }
#folder_tab #show_dashboard_wrap { padding: 8px 22px 0; float: left; background: url(/resources/images/folder_tab_bg_repeat_2.png) repeat-x 0 0; height: 42px; }
#folder_tab #show_dashboard_wrap a { display: block; background: url(/resources/images/show_dashboard_arrow.png) repeat-x 0 0; width: 23px; height: 23px; text-indent: -9999px; margin: 10px 0 0 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
#folder_tab #show_dashboard_wrap a:hover { border: 0; opacity: 0.75; }
#folder_tab #show_dashboard_wrap a.up_arrow { background-position: bottom left; }
#folder_tab #close_project_wrap { padding-left: 22px; float: left; background: url(/resources/images/folder_tab_bg_repeat_2.png) repeat-x 0 0; height: 42px; padding-top: 8px; }
#folder_tab #close_project_wrap a { opacity: 0; display: block; background: url(/resources/images/close_icon.png) no-repeat; width: 22px; height: 23px; text-indent: -9999px; margin: 10px 0 0 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
#folder_tab:hover #close_project_wrap a { opacity: 1; }
#folder_tab #close_project_wrap a:hover { border: 0; opacity: 0.75; }
#folder_tab #folder_tab_end { float: left; background: url(/resources/images/folder_tab_end_bg.png) repeat-x 0 0; height: 42px; width: 67px; margin-top: 8px; }

#top_bar { padding: 28px 0 0; overflow: hidden; }

#right_main_content { padding: 23px 0 0; }

#paper_content_area { position: relative; }
.page_actions { margin-bottom: 25px; margin-top: -51px; }
#paper_content_area .bottom_stack_wrap { height: 30px; position: relative; margin-top: -3px; }
#paper_content_area .bottom_stack_wrap .bottom_stack { height: 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); background: #f4f2ef; position: relative; }
#paper_content_area .bottom_stack_wrap .bottom_stack.fir { z-index: 5; margin: 0 1px -3px; background: #b2b2b2; }
#paper_content_area .bottom_stack_wrap .bottom_stack.sec { z-index: 4; margin: 0 2px -3px; background: #7c7c7c; }
#paper_content_area .bottom_stack_wrap .bottom_stack.thi { z-index: 3; margin: 0 3px -3px; background: #5e5e5e; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75); }
#paper_content_area #paper_content_area_center { color: #4a4846; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f4f2ef; position: relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
#paper_content_area #paper_content_area_center.sql_query_paper { height: 620px; overflow: hidden; }
#paper_content_area #paper_content_area_center_query_results { color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: #7c7c7c; position: relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); z-index: 6; margin: -30px 2px 0; z-index: 4; height: 380px; }
#paper_content_area #paper_content_area_center_query_results.no_results { height: 140px; }
#paper_content_area #paper_content_area_center_query_results.no_results #no_results_message { font-size: 24px; line-height: 140px; font-weight: bold; display: block; text-align: center; text-transform: uppercase; color: #5a5958; text-shadow: 0 0 1px #8e8e8e; }
#paper_content_area #paper_content_area_center_query_results .table_row_wrap { height: 290px; overflow: auto; border-top: solid 1px #5b5858;}
#paper_content_area #paper_content_area_center_query_results .table_row_wrap .table_row { background: #8d8d8d; border: 0; border-top: solid 1px #5b5858;}
#paper_content_area #paper_content_area_center_query_results .table_row_wrap .table_row > div, .table_modal .table_row_header > div { padding: 0 20px; max-width: 650px; max-height: 52px; overflow: hidden; float: left; }
#paper_content_area #paper_content_area_center_query_results .table_row_wrap .table_row:first-child { border: 0; }
#paper_content_area #paper_content_area_center_query_results .table_row_wrap .table_row.odd { background: #7c7c7c; }
#paper_content_area #paper_content_area_center_query_results .table_row_wrap .table_row.table_row_header { background: #676767; }

#paper_content_area #paper_content_area_center_build_messages { color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: #7c7c7c; position: relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); z-index: 6; margin: -30px 2px 0; z-index: 4; height: 380px; }
#paper_content_area #paper_content_area_center_build_messages.no_results { height: 140px; }
#paper_content_area #paper_content_area_center_build_messages.no_results #build_message { font-size: 24px; line-height: 140px; font-weight: bold; display: block; text-align: center; text-transform: uppercase; color: #5a5958; text-shadow: 0 0 1px #8e8e8e; }
#paper_content_area #paper_content_area_center_build_messages .table_row_wrap { overflow: auto; border-top: solid 1px #5b5858; }
#paper_content_area #paper_content_area_center_build_messages .table_row_wrap .table_row { background: #8d8d8d; border: 0; border-top: solid 1px #5b5858; }
#paper_content_area #paper_content_area_center_build_messages .table_row_wrap .table_row > div, .table_modal .table_row_header > div { padding: 0 20px; max-width: 650px; margin: 10px; overflow: hidden; white-space: normal; float: left;}
#paper_content_area #paper_content_area_center_build_messages .table_row_wrap .table_row:first-child { border: 0; }
#paper_content_area #paper_content_area_center_build_messages .table_row_wrap .table_row.odd { background: #7c7c7c; }
#paper_content_area #paper_content_area_center_build_messages .table_row_wrap .table_row.table_row_header { background: #676767; }

#project_snapshot > div > div { background: #3a3b42; background: rgba(38, 38, 42, 0.45); -webkit-box-shadow: 0 1px 0 rgba(99, 98, 105, 0.74), inset 0 1px 2px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0 1px 0 rgba(99, 98, 105, 0.74), inset 0 1px 2px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 0 rgba(99, 98, 105, 0.74), inset 0 1px 2px rgba(0, 0, 0, 0.31); border: solid 1px #4a4b52; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px 20px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); margin: 0 0 12px; }
#project_snapshot > div > div.backup { padding: 0; }
#project_snapshot > div.p48 > div { padding-left: 0; padding-right: 0; }
#project_snapshot > div > div > strong { display: block; font-size: 22px; line-height: 24px; margin: 0 0 5px; }
#project_snapshot > div > div > span { display: block; font-size: 12px; }
#project_snapshot > div > div.backup > div { border: solid 1px #202022; margin: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
#project_snapshot > div > div.backup > div > div { background: #4f4f56; padding: 7px 0; background-image: linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -o-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -moz-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -webkit-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -ms-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(72,72,79)), color-stop(1, rgb(103,103,111))); }
#project_snapshot > div > div.backup > div > div > span { display: block; text-align: center; }
#project_snapshot > div > div.backup > div > a { background: #5169ae; display: block; color: #fff; text-shadow: 0 0; text-align: center; padding: 17px 0; background-image: linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -o-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -moz-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -webkit-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -ms-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(76,99,169)), color-stop(1, rgb(97,123,193))); }
#project_snapshot > div > div.backup > div > a:hover { border: 0; background-image: linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -o-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -moz-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -webkit-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -ms-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d5098), color-stop(1, #4d60b4)); }
#project_snapshot > div > div.backup > div > a:active, #project_snapshot > div > div.backup > div > a:focus { background: #28282f; -webkit-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); -moz-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); background-image: linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -o-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -moz-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -ms-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(41,41,48)), color-stop(1, rgb(28,28,32))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#project_snapshot #owner { font-size: 12px; color: #c3c4cc; overflow: hidden; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
#project_snapshot #owner .profile_img { margin: 0 10px 10px 0; }
#project_snapshot #owner strong { color: #fff; display: block; font-size: 12px; line-height: 14px; margin: 0; }
#project_snapshot #owner a { background: url(/resources/images/envelope_small.png) no-repeat left center; padding: 0 0 0 25px; color: #c3c4cc; }
#project_snapshot #owner a:hover { border-bottom: 0; color: #fff; }

#project_details_info { border-top: solid 1px #d5d2ce; border-left: solid 1px #d5d2ce; }
#project_details_info .details_part { border-top: solid 1px #d5d2ce; overflow: hidden; font-size: 13px; }
#project_details_info .details_part:first-child { border: 0; }
#project_details_info .details_part > div { float: left; padding: 20px 20px 15px; border-left: solid 1px #d5d2ce; }
#project_details_info .details_part > div:first-child { border: 0; width: 127px; }
#project_details_info .details_part > div h5 { margin-bottom: 7px; white-space: nowrap; }
#project_details_info .details_part > div span { color: #838282; }

#show_password_links, #show_password_links:hover, #shown_password { border: 0; border-left: solid 1px #000; margin-left: 10px; padding-left: 10px; }
#shown_password { color: #000 !important; }

#sync_tables_link span { display: block; background: url(/resources/images/refresh_tables.png) no-repeat left center; padding: 0 0 0 15px; }

/*----- page specific style -----*/
#home #project_sort { display: block; /*margin-top: 14px;*/ }
#home #project_sort span { font-weight: bold; }
#create_project #dashboard { padding-bottom: 60px; }
/*----- end page specific style -----*/

#new_project_folder_icon { display: block; margin: 0 auto 10px; width: 167px; height: 132px; }

#column_reference { font-size: 12px; float: right; overflow: hidden; position: absolute; right: 0; }
#column_reference #column_reference_columns { overflow: auto; height: 412px; }
#column_reference #column_reference_columns > div { padding: 6px 20px; }
#column_reference #column_reference_columns_title { padding: 6px 20px; }
#column_reference #column_reference_columns_title div span { background: red; background: url(/resources/images/sort_arrows.png) no-repeat right -99999px; display: block; margin: 0 20px 0 0; cursor: pointer; }
#column_reference #column_reference_columns_title div span.up { background-position: right -21px; }
#column_reference #column_reference_columns_title div span.down { background-position: right 9px; }

#sql_query_switch { float: right; display: block; background: url(/resources/images/sql_query_switch.png) no-repeat 0 0; width: 52px; height: 28px; text-indent: -9999px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin: 15px 2% 0 0; }
#sql_query_switch.opened { background-position: 0 0; }
#sql_query_switch.closed { background-position: bottom right; }
#sql_query_switch:hover { border: 0; opacity: 0.75; }

#syncing_icon_spin { height: 200px; }

#choose_profile_image {}
#choose_profile_image span { white-space: nowrap; width: 60%; overflow: hidden; }
#choose_profile_image input { position: absolute; left: 0; top: 0; cursor: pointer; background: none; border: 0; box-shadow: 0 0; margin: 0; padding: 14px 0 14px 4px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

#desktop_app_link { background: url(/resources/images/BoltIcon.png) no-repeat left center; padding: 0 0 0 35px; line-height: 57px; float: left; margin-left: 40px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: #c3c4cc; }

.text_box { height: 34px; line-height: 34px; padding: 0 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #28282f; font-size: 12px; border: solid 1px #3d3d3d; border: solid 1px rgba(126, 126, 139, 0.3); color: #d7d8de; background-image: linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -o-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -moz-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -ms-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(41,41,48)), color-stop(1, rgb(28,28,32))); -webkit-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); -moz-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); }
.text_box { line-height: normal; }
.ie .text_box { line-height: 34px; }
.text_box:active, .text_box:focus { border: solid 1px #f2ac5b; -webkit-box-shadow: 0 0 9px #faab49; -moz-box-shadow: 0 0 9px #faab49; box-shadow: 0 0 9px #faab49; }
.text_box.white { background: #fff; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); color: #000; }
.ie .text_box.white, .ie .code_box { border: solid 1px #c8c6c3; }
.text_box.small { height: 24px; line-height: 24px; font-size: 11px; }
.code_box { height: 650px; padding: 25px; font: 13px/20px Monaco, serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #3d3d3d; border: solid 1px rgba(126, 126, 139, 0.3); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); resize: vertical; }

.blue_button { background: #4c64a9; border: solid 1px #1c2540; color: #fff; background-image: linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -o-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -moz-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -webkit-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -ms-linear-gradient(bottom, rgb(76,99,169) 0%, rgb(97,123,193) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(76,99,169)), color-stop(1, rgb(97,123,193))); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.blue_button:hover { background: #3d5098; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; background-image: linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -o-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -moz-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -webkit-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -ms-linear-gradient(bottom, #3d5098 0%, #4d60b4 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d5098), color-stop(1, #4d60b4)); color: #fff; }
.blue_button.active, .blue_button:active, .blue_button:focus { border: solid 1px rgba(126, 126, 139, 0.3); background: #28282f; padding: 4px 12px; -webkit-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); -moz-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); background-image: linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -o-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -moz-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -ms-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(41,41,48)), color-stop(1, rgb(28,28,32))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.blue_button.small { font-size: 11px; line-height: 24px; padding: 0 12px; }
.blue_button.big { font-size: 13px; line-height: 34px; padding: 0 17px; }
input.blue_button.big, button.blue_button.big { margin: 0; font-family: inherit; }
input.blue_button.big { padding-bottom: 7px; padding-top: 7px; line-height: 18px; }

input[type='radio'], input[type='checkbox'] { vertical-align: baseline; }
body:not(#foo) input[type='radio'], body:not(#foo) input[type='checkbox'] { float: left; height: 21px; opacity: 0; width: 21px; }
body:not(#foo) input[type='radio'].right_side, body:not(#foo) input[type='checkbox'].right_side { float: right; }
body:not(#foo) input[type='radio'] + label, body:not(#foo) input[type='checkbox'] + label { clear: none; display: block; line-height: 21px; margin-left: 20px; padding-left: 31px; }
body:not(#foo) input[type='radio'] + label.right_side, body:not(#foo) input[type='checkbox'] + label.right_side { padding-left: 0; padding-right: 31px; }
body:not(#foo) input[type='radio'] + label.ml0, body:not(#foo) input[type='checkbox'] + label.ml0 { margin-left: 0; }
body:not(#foo) input[type='radio'] + label { background: url(/resources/images/radio_off.png) left center no-repeat; }
body:not(#foo) input[type='radio']:checked + label { background-image: url(/resources/images/radio_on.png); }
body:not(#foo) input[type='checkbox'] + label { background: url(/resources/images/checkbox_off.png) left center no-repeat; }
body:not(#foo) input[type='checkbox'] + label.right_side { background-position: right center; }
body:not(#foo) input[type='checkbox'] + label.dark { background-image: url(/resources/images/checkbox_off_dark.png); }
body:not(#foo) input[type='checkbox']:checked + label { background-image: url(/resources/images/checkbox_on.png); }
body:not(#foo) input[type='checkbox']:checked + label.dark { background-image: url(/resources/images/checkbox_on_dark.png); }

.grey_button, .grey_button:visited { border: solid 1px #202022; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 4px 12px; background: #67676f; background-image: linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -o-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -moz-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -webkit-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -ms-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(72,72,79)), color-stop(1, rgb(103,103,111))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.grey_button.active, .grey_button.active:hover, .grey_button:active, .grey_button:focus { border: solid 1px rgba(126, 126, 139, 0.3); background: #28282f; padding: 4px 12px; -webkit-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); -moz-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); background-image: linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -o-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -moz-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -ms-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(41,41,48)), color-stop(1, rgb(28,28,32))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.grey_button:hover { background: rgb(58,58,63); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; border: solid 1px #202022; background-image: linear-gradient(bottom, rgb(58,58,63) 0%, rgb(81,81,88) 100%); background-image: -o-linear-gradient(bottom, rgb(58,58,63) 0%, rgb(81,81,88) 100%); background-image: -moz-linear-gradient(bottom, rgb(58,58,63) 0%, rgb(81,81,88) 100%); background-image: -webkit-linear-gradient(bottom, rgb(58,58,63) 0%, rgb(81,81,88) 100%); background-image: -ms-linear-gradient(bottom, rgb(58,58,63) 0%, rgb(81,81,88) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(58,58,63)), color-stop(1, rgb(81,81,88))); color: #fff; }
.grey_button.sync span { background: url(/resources/images/refresh_tables_grey.png) no-repeat left center; padding-left: 20px; }

.med_grey_button, .med_grey_button:visited { background: #c6c5c3; border: solid 1px #8a8a8a; color: #000; line-height: 26px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 1px rgba(255,255,255,0.25); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 1px rgba(255,255,255,0.25); box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 1px rgba(255,255,255,0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 12px; background-image: linear-gradient(bottom, rgb(180,178,174) 0%, rgb(214,214,214) 100%); background-image: -o-linear-gradient(bottom, rgb(180,178,174) 0%, rgb(214,214,214) 100%); background-image: -moz-linear-gradient(bottom, rgb(180,178,174) 0%, rgb(214,214,214) 100%); background-image: -webkit-linear-gradient(bottom, rgb(180,178,174) 0%, rgb(214,214,214) 100%); background-image: -ms-linear-gradient(bottom, rgb(180,178,174) 0%, rgb(214,214,214) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(180,178,174)), color-stop(1, rgb(214,214,214))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.med_grey_button.active, .med_grey_button.active:hover, .med_grey_button:active, .med_grey_button:focus { background: #d3d2d0; border: solid 1px #a6a5a3; border-top-color: #7c7b7a; border-bottom-color: #bfbfbf; -webkit-box-shadow: 0 1px rgb(255,255,255), inset 0 1px #b6b5b3; -moz-box-shadow: 0 1px rgb(255,255,255), inset 0 1px #b6b5b3; box-shadow: 0 1px rgb(255,255,255), inset 0 1px #b6b5b3; background-image: linear-gradient(bottom, rgba(214,214,214,0.75) 0%, rgba(180,178,174,0.75) 100%); background-image: -o-linear-gradient(bottom, rgba(214,214,214,0.75) 0%, rgba(180,178,174,0.75) 100%); background-image: -moz-linear-gradient(bottom, rgba(214,214,214,0.75) 0%, rgba(180,178,174,0.75) 100%); background-image: -webkit-linear-gradient(bottom, rgba(214,214,214,0.75) 0%, rgba(180,178,174,0.75) 100%); background-image: -ms-linear-gradient(bottom, rgba(214,214,214,0.75) 0%, rgba(180,178,174,0.75) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(214,214,214,0.75)), color-stop(1, rgba(180,178,174,0.75))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.med_grey_button:hover { background: rgb(193,193,193); background-image: linear-gradient(bottom, rgb(161,159,155) 0%, rgb(193,193,193) 100%); background-image: -o-linear-gradient(bottom, rgb(161,159,155) 0%, rgb(193,193,193) 100%); background-image: -moz-linear-gradient(bottom, rgb(161,159,155) 0%, rgb(193,193,193) 100%); background-image: -webkit-linear-gradient(bottom, rgb(161,159,155) 0%, rgb(193,193,193) 100%); background-image: -ms-linear-gradient(bottom, rgb(161,159,155) 0%, rgb(193,193,193) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(161,159,155)), color-stop(1, rgb(193,193,193))); }

.med_dark_grey_button, .med_dark_grey_button:hover { background: #8b8b8b; border: solid 1px #575757; color: #fff; background-image: linear-gradient(bottom, rgb(124,124,124) 0%, rgb(141,141,141) 100%); background-image: -o-linear-gradient(bottom, rgb(124,124,124) 0%, rgb(141,141,141) 100%); background-image: -moz-linear-gradient(bottom, rgb(124,124,124) 0%, rgb(141,141,141) 100%); background-image: -webkit-linear-gradient(bottom, rgb(124,124,124) 0%, rgb(141,141,141) 100%); background-image: -ms-linear-gradient(bottom, rgb(124,124,124) 0%, rgb(141,141,141) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(124,124,124)), color-stop(1, rgb(141,141,141))); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.red_button, .red_button:hover { background: #952d19; border: solid 1px #202022; color: #fff; background-image: linear-gradient(bottom, rgb(135,38,18) 0%, rgb(188,67,43) 100%); background-image: -o-linear-gradient(bottom, rgb(135,38,18) 0%, rgb(188,67,43) 100%); background-image: -moz-linear-gradient(bottom, rgb(135,38,18) 0%, rgb(188,67,43) 100%); background-image: -webkit-linear-gradient(bottom, rgb(135,38,18) 0%, rgb(188,67,43) 100%); background-image: -ms-linear-gradient(bottom, rgb(135,38,18) 0%, rgb(188,67,43) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(135,38,18)), color-stop(1, rgb(188,67,43))); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.red_button:hover { background: rgb(173,52,33); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; background-image: linear-gradient(bottom, rgb(112,31,15) 0%, rgb(173,52,33) 100%); background-image: -o-linear-gradient(bottom, rgb(112,31,15) 0%, rgb(173,52,33) 100%); background-image: -moz-linear-gradient(bottom, rgb(112,31,15) 0%, rgb(173,52,33) 100%); background-image: -webkit-linear-gradient(bottom, rgb(112,31,15) 0%, rgb(173,52,33) 100%); background-image: -ms-linear-gradient(bottom, rgb(112,31,15) 0%, rgb(173,52,33) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(112,31,15)), color-stop(1, rgb(173,52,33))); }
.red_button.active, .red_button.active:hover, .red_button:active, .red_button:focus { border: solid 1px rgba(126, 126, 139, 0.3); background: #28282f; padding: 4px 12px; -webkit-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); -moz-box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); box-shadow: inset 0 1px 2px #000, inset 0 0 3px rgba(49, 49, 54, 0.12); background-image: linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -o-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -moz-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -ms-linear-gradient(bottom, rgb(41,41,48) 0%, rgb(28,28,32) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(41,41,48)), color-stop(1, rgb(28,28,32))); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.grey_button.small, .red_button.small, .med_grey_button.small, .med_dark_grey_button.small { font-size: 12px; line-height: 24px; padding: 0 12px; }
.grey_button.big, .red_button.big { font-size: 13px; line-height: 34px; padding: 0 17px; }

.delete_button, .delete_button:hover { display: block; width: 24px; height: 24px; background: #fefefe url(/resources/images/delete_icon.png) no-repeat center center; text-indent: -9999px; border: solid 1px #c1bebb; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; }
.delete_button:hover { background-color: rgb(250,248,245); }

.actions_link_dropdown, .actions_link_dropdown:hover { white-space: nowrap; overflow: hidden; display: block; height: 24px; line-height: 24px; background: #fefefe; background-image: linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(250,248,245)), color-stop(1, rgb(255,255,255))); border: solid 1px #c1bebb; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; color: #565452; padding: 0 0 0 10px; position: relative; }
.actions_link_dropdown:hover { background: #f4f2ef; background-image: linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -o-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -moz-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -webkit-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -ms-linear-gradient(bottom, rgb(239,237,234) 0%, rgb(250,248,245) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(239,237,234)), color-stop(1, rgb(250,248,245))); }
.actions_link_dropdown img { margin-right: 8px; }
.actions_link_dropdown.big { font-size: 13px; line-height: 34px; height: 34px; padding: 0 44px 0 12px; }
.actions_link_dropdown.big img { float: right; position: absolute; right: 11px; top: 14px; }
.actions_link_dropdown.dark { color: #fff; font-size: 13px; line-height: 32px; height: 34px; width: 117px; padding: 0 0 0 18px; text-shadow: 0 0; border-color: #202022; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); background: #585860; background-image: linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -o-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -moz-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -webkit-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -ms-linear-gradient(bottom, rgb(72,72,79) 0%, rgb(103,103,111) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(72,72,79)), color-stop(1, rgb(103,103,111))); }
.actions_link_dropdown.dark img { float: right; margin-top: 13px; margin-right: 0; }
.actions_link_dropdown.dark .gradient_cover { display: none; }

.table_row_action_link { display: block; height: 24px; line-height: 24px; background-image: linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(250,248,245) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(250,248,245)), color-stop(1, rgb(255,255,255))); border: solid 1px #c1bebb; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; color: #565452; padding: 0 10px; }

.breadcrumbs { overflow: hidden; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); color: #f3bd7e; font-size: 13px; margin-top: -6px; }
.breadcrumbs li { float: left; overflow: hidden; background: url(/resources/images/breadcrumb_arrows.png) no-repeat left center; padding: 0 0 0 18px; margin: 0 0 0 6px; }
.breadcrumbs li:first-child { background: none; padding: 0; margin: 0; }
.breadcrumbs li a { display: block; color: #c3c4cc; }
.breadcrumbs li a:hover { color: #fff; }

header .table_row_actions { border: solid 1px #c1bebb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; clear: both; float: right; background: #fcfaf8; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); min-width: 120px; position: absolute; top: 25px; right: 0; z-index: 1; display: none; line-height: 26px; min-width: 100%; box-sizing: border-box; }
header .table_row_actions.big { line-height: 28px; top: 35px; }
header .table_row_actions.big.up { max-height: 300px; top: -299px; overflow: auto; }
header .table_row_actions li:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: url(/resources/images/tablerow_actions_up_arrow.png) no-repeat right top; height: 10px; margin: -5px 7px 0 0; }
header .table_row_actions.big li:first-child { margin-right: 11px; }
header .table_row_actions > li:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
header .table_row_actions > li:last-child a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
header .table_row_actions li a { display: block; font-size: 11px; color: #4a4846; white-space: nowrap; padding: 0 10px; }
header .table_row_actions li a:hover { border: 0; background: #ebebeb; }

select { border: solid 1px #c9c9c9; height: 34px; font-size: 12px; background: #F4F2EF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; max-width: 100%; }
.gecko select { height: auto; padding: 7px; background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; border: 1px solid #c9c9c9; border-radius: 4px; }
.ie select { background: #fff; height: auto; padding: 8px 6px; border: 1px solid #c8c6c3; }
.safari_win select { line-height: 26px; margin-top: 0; }
select.table_row_actions { width: 100%; }
.table_row select.table_row_actions, #column_reference select.table_row_actions { height: 24px; margin-top: 0; }
.gecko .table_row select.table_row_actions, .gecko #column_reference select.table_row_actions { height: auto; margin-top: -2px; padding: 4px; }
.ie .table_row select.table_row_actions, .ie #column_reference select.table_row_actions { height: auto; margin-top: -2px; padding: 4px; }
.ie .table_row select.table_row_actions { width: auto; }
.safari_win .table_row select.table_row_actions, .safari_win #column_reference select.table_row_actions { line-height: 20px; margin-top: 1px; }
select.table_row_actions.mt8 { margin-top: 8px; }

.table_row { zoom: 1; line-height: 26px; padding: 10px 0; border-bottom: solid 1px #c8c6c3; position: relative; background: #f4f2ef; white-space: nowrap;}
.table_row.odd { background-color: #edebe8; }
.table_row.no_border { border-bottom: 0; }
.table_row.last { font-size: 12px; line-height: 28px; background: none; }
.table_row:before, .table_row:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.table_row:after { clear: both; }
.table_row.ui-sortable-helper { border-top: solid 1px #c8c6c3; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75); }
.table_row.ui-sortable-placeholder { border-bottom: solid 1px #c26704; border-top: solid 1px #c26704; margin-top: -1px; width: 100%; visibility: visible !important; background: #f8a347; }
.table_row .drag_handle { width: 15px; height: 13px; background: url(/resources/images/drag_handle.png) no-repeat 0 0; display: block; margin: 7px auto 0; cursor: url(/resources/images/open_hand.png), move; }
.table_row.ui-sortable-helper, .table_row.ui-sortable-helper .drag_handle { cursor: url(/resources/images/closed_hand.png), move; }

.table_modal { position: fixed; top: 50%; left: 50%; z-index: 100; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #676767; background: rgba(0, 0, 0, 0.6); display: none; }
.table_modal .inner_wrap { background: #7c7c7c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 3px; overflow: hidden; height: 494px; }
.table_modal .table_row_wrap { height: 358px; overflow: auto; border-top: solid 1px #5b5858; }
.table_modal .table_row_wrap .table_row { background: #8d8d8d; border: 0; border-top: solid 1px #5b5858; }
.table_modal .table_row_wrap .table_row > div, .table_modal .table_row_header > div { padding: 0 20px; max-width: 650px; max-height: 52px; overflow: hidden; float: left; }
.table_modal .table_row_wrap .table_row:first-child { border: 0; }
.table_modal .table_row_wrap .table_row.odd { background: #7c7c7c; }
.table_modal .table_row_wrap .table_row.table_row_header { background: #676767; }
.table_modal .table_row.last { border: 0; border-top: solid 1px #5b5858; }
.table_modal.ui-draggable { cursor: url(/resources/images/open_hand.png), move; }
.table_modal.ui-draggable.ui-draggable-disabled { cursor: default; }
.table_modal.ui-draggable .table_row { cursor: default; }
.table_modal.ui-draggable-dragging, .table_modal.ui-draggable-dragging .table_row { cursor: url(/resources/images/closed_hand.png), move; }
.table_modal #maximize_link { background: url(/resources/images/maximize_icon.png) no-repeat 0 0; width: 18px; height: 19px; display: block; margin: 6px 20px 0 0; }
.table_modal #maximize_link:hover { opacity: 0.5; border: 0; }
.table_modal #maximize_link.max { background-image: url(/resources/images/minimize_icon.png); }

.profile_img { width: 26px; height: 26px; border: solid 2px #92929c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); }
.profile_img img { display: block; }
.table_row .profile_img { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.page_header_detail { padding: 20px; }
.page_header_detail .detail_title { color: #4a4846; display: block; font-size: 12px; line-height: 28px; }
.page_header_detail .detail_value { color: #000; }

.modal { position: fixed; width: 444px; background: #f4f2ef; top: 115px; left: 50%; margin: 0 0 0 -222px; z-index: 100; -webkit-box-shadow: inset 0 0 3px #fff, 0 7px 18px rgba(0, 0, 0, 0.58); -moz-box-shadow: inset 0 0 3px #fff, 0 7px 18px rgba(0, 0, 0, 0.58); box-shadow: inset 0 0 3px #fff, 0 7px 18px rgba(0, 0, 0, 0.58); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #4a4846; }
.modal .modal_title { border-bottom: solid 1px #d4cbc2; overflow: hidden; background: #eceae7; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.modal .modal_title h6 { color: #777069; margin: 15px 20px; float: left; }
.modal .modal_title h6.nf { float: none; }
.modal .modal_title h6.error_header { background: url(/resources/images/error_icon.png) no-repeat left center; padding: 0 0 0 42px; line-height: 28px; margin-top: 13px; margin-bottom: 13px; }
.modal .modal_title a { margin: 12px 10px; float: right; }
.modal .modal_content { border-top: solid 1px #fff; padding: 15px 20px; }
.modal .modal_content.no_padding { padding: 0; }
.modal_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; /*background: #333337; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=5);*/ background: url(/resources/images/modal_overlay_bg.png); z-index: 100; }

ul.table_row_actions { border: solid 1px #c1bebb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; clear: both; float: right; background: #fcfaf8; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); position: absolute; top: 25px; right: 0; z-index: 50; display: none; line-height: 26px; box-sizing: border-box; }
ul.table_row_actions.big { line-height: 28px; top: 35px; }
ul.table_row_actions li:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: url(/resources/images/tablerow_actions_up_arrow.png) no-repeat right top; height: 10px; margin: -5px 7px 0 0; }
ul.table_row_actions.big li:first-child { margin-right: 11px; }
ul.table_row_actions > li:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
ul.table_row_actions > li:last-child a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
ul.table_row_actions li a { display: block; font-size: 11px; color: #4a4846; white-space: nowrap; padding: 0 10px; }
ul.table_row_actions li a:hover { border: 0; background: #ebebeb; }

ul.table_row_actions.dark { right: 1px; top: 35px; margin-top: 0; background: #585860; border-color: #202022; }
ul.table_row_actions.dark li:first-child { background-image: url(/resources/images/tablerow_actions_up_arrow_dark.png); margin-right: 10px; }
ul.table_row_actions.dark li a { color: #fff; text-shadow: 0 0; line-height: 26px; }
ul.table_row_actions.dark li a:hover { background: #66666f; }

.p2, .p3, .p5, .p7, .p10, .p11, .p12, .p13, .p14, .p16, .p17, .p18, .p19, .p20, .p21, .p23, .p25, .p26, .p28, .p31, .p32, .p33, .p34, .p36, .p38, .p40, .p41, .p42, .p44, .p45, .p46, .p47, .p48, .p50, .p52, .p56, .p62, .p66, .p68, .p72, .p74, .p77, .p80, .p82, .p83, .p86, .p93, .p96, .p98, .p100 { float: left; margin-right: 1%; margin-left: 1%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.p1 { width: 1%; }
.p2 { width: 2%; }
.p3 { width: 3%; }
.p5 { width: 5%; }
.p7 { width: 7%; }
.p9 { width: 9%; }
.p11 { width: 10%; }
.p10 { width: 11%; }
.p12 { width: 12%; }
.p13 { width: 13%; }
.p14 { width: 14%; }
.p16 { width: 16%; }
.p17 { width: 17%; }
.p18 { width: 18%; }
.p19 { width: 19%; }
.p20 { width: 20%; }
.p21 { width: 21%; }
.p23 { width: 23%; }
.p25 { width: 25%; }
.p26 { width: 26%; }
.p28 { width: 28%; }
.p31 { width: 31%; }
.p32 { width: 32%; }
.p33 { width: 33%; }
.p34 { width: 34%; }
.p36 { width: 36%; }
.p38 { width: 38%; }
.p40 { width: 40%; }
.p41 { width: 41%; }
.p42 { width: 42%; }
.p44 { width: 44%; }
.p45 { width: 45%; }
.p46 { width: 46%; }
.p47 { width: 47%; }
.p48 { width: 48%; }
.p50 { width: 50%; }
.p52 { width: 52%; }
.p56 { width: 56%; }
.p62 { width: 62%; }
.p66 { width: 66%; }
.p68 { width: 68%; }
.p72 { width: 72%; }
.p74 { width: 74%; }
.p75 { width: 75%; }
.p77 { width: 77%; }
.p80 { width: 80%; }
.p82 { width: 82%; }
.p83 { width: 83%; }
.p86 { width: 86%; }
.p93 { width: 93%; }
.p96 { width: 96%; }
.p98 { width: 98%; }
.p100 { width: 100%; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.fr { float: right; }
.fl { float: left; }
.mt3 { margin-top: 3px; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px !important; }
.mt23 { margin-top: 23px; }
.mt40 { margin-top: 40px; }
.mt58 { margin-top: 58px; }
.mt60 { margin-top: 60px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml50 { margin-left: 50px; }
.ml1p { margin-left: 1%; }
.ml2p { margin-left: 2%; }
.ml4p { margin-left: 4%; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr27 { margin-right: 27px; }
.mr1p { margin-right: 1% !important; }
.mr2p { margin-right: 2%; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.pb20 { padding-bottom: 20px; }
.pb50 { padding-bottom: 50px; }
.pl0 { padding-left: 0; }
.pl20 { padding-left: 20px; }
.lh26 { line-height: 26px; }
.lh36 { line-height: 36px; }
.tc { text-align: center; }
.ib { display: inline-block; }
.pr { position: relative; }
.hide { display: none; }
.grey_text_small { color: #bbb5ac; font-weight: normal; font-size: 12px; line-height: 22px; }
.grey_text { color: #c3c4cc; }
.white_text { color: #fff; }
.orange_star { color: #f7a046; font-size: 22px; margin-top: 8px; }
.orange_star.short { margin-top: 5px; }
.orange_star.tall { margin-top: 14px; }
.blue_text { color: #91a6c1; }
.or { line-height: 36px; padding: 0 26px; }
.noresize { resize: none; }
.syncing_icon { display: block; margin: 40px auto; }
.oh { overflow: hidden; }
.grey_top_border { border-top: solid 1px #c8c6c3; }
.grey_bottom_border { border-bottom: solid 1px #c8c6c3; }
.grey_left_border { border-left: solid 1px #c8c6c3; }
.grey_right_border { border-right: solid 1px #c8c6c3; }
.left_white_norder { border-left: solid 1px #fff; }
.mh300 { min-height: 300px; }

.disabled { -moz-opacity: .30; filter:alpha(opacity=30); opacity: .30; }
.disabled:hover { -moz-opacity: .60; filter:alpha(opacity=60); opacity: .60; }
.disabled .delete_button { display: none; }

.profile_image { border: solid 2px #9696a0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); }

.quick_tips li { background: url(/resources/images/check.png) no-repeat 0 5px; padding: 0 0 0 18px; margin: 0 0 10px;}
.quick_links li a { display: block; border-bottom: solid 1px #d5d2ce; text-shadow: 0 1px 1px #fff; font-size: 12px; line-height: 16px; position: relative; zoom: 1; }
.quick_links li a:before, .quick_links li a:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.quick_links li a:after { clear: both; }
.quick_links li a:hover, .quick_links li a.active { background: #e2dfdb; background-image: linear-gradient(bottom, rgb(216,213,209) 0%, rgb(226,223,219) 100%); background-image: -o-linear-gradient(bottom, rgb(216,213,209) 0%, rgb(226,223,219) 100%); background-image: -moz-linear-gradient(bottom, rgb(216,213,209) 0%, rgb(226,223,219) 100%); background-image: -webkit-linear-gradient(bottom, rgb(216,213,209) 0%, rgb(226,223,219) 100%); background-image: -ms-linear-gradient(bottom, rgb(216,213,209) 0%, rgb(226,223,219) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(216,213,209)), color-stop(1, rgb(226,223,219))); }
 /* .quick_links li:first-child a { border-top: solid 1px #d5d2ce; } */
.quick_links li a span { float: left; padding: 10px 0 10px 20px; }
.quick_links li a span.arrow { float: right; width: 9px; height: 16px; background: url(/resources/images/right_arrow.png) no-repeat center center; padding: 10px; border-left: solid 1px #d5d2ce; border-right: solid 1px #c8c6c3; margin-right: -1px;}
.quick_links li a span.info_icon { padding: 0; position: absolute; width: 22px; height: 23px; background: url(/resources/images/info_icon.png); right: 40px; top: 7px; display: none; }
.quick_links li a span.info_icon > span { display: none; padding: 0 0 7px; width: 250px; position: absolute; left: -89px; background: url(/resources/images/quick_tip_down_arrow.png) no-repeat bottom center; margin: 0 0 28px; bottom: 0; }
.quick_links li a span.info_icon > span > span { background: #7d7b7a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 8px 12px; float: none; color: #fff; text-shadow: 0 0; }
.quick_links li a span.info_icon:hover {  }
.quick_links li a span.info_icon:hover > span { display: block; }
.quick_links li a:hover span.info_icon { display: block; }

.quick_links.tabs { border-bottom: solid 1px #c8c6c3; }
.quick_links.tabs li { float: left; margin: 0 0 0 9px; }
.quick_links.tabs li:first-child { margin-left: 20px; }
.quick_links.tabs li a { display: block; border: solid 1px #e2e0dd; border-bottom: 0; padding: 10px 20px; background: #f4f2ef; position: relative; -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0; border-radius: 6px 6px 0 0; font-weight: bold; color: #8e8c8a; }
.quick_links.tabs li a:hover { border-color: #c8c6c3; color: #4a4846; }
.quick_links.tabs li a.active { border: solid 1px #c8c6c3; border-bottom: 0; top: 1px; margin-top: -1px; padding-bottom: 11px; color: #4a4846; }

.delete_data_source { background: url(/resources/images/delete_data_source_icon.png) no-repeat 0 0; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; margin-top: 4px; }

.new_event_link { color: #4a4846; padding: 15px 0; }
.new_event_link img { display: block; margin: 20px auto 30px; }
.new_event_link:hover { border-bottom: 0; background: #eceae7; }

.actions_link_dropdown .gradient_cover { width: 40px; height: 100%; position: absolute; top: 0; right: 0; margin: 0px; border-radius: 0 2px 2px 0; background: url(/resources/images/dropdown_fade_off.png) no-repeat left center; display: none; }
.actions_link_dropdown.big .gradient_cover { display: block; }
.actions_link_dropdown:hover .gradient_cover { background-image: url(/resources/images/dropdown_fade_hover.png); }
.ie .actions_link_dropdown .gradient_cover { background: #fff; }
.ie .actions_link_dropdown:hover .gradient_cover { background: #f4f2ef; }

.disc_list li { list-style: disc; padding-top: 5px; padding-bottom: 5px; }

span.folder_icon, span.tables_icon, span.tables_ddl_icon, span.procedures_icon, span.code_icon, span.jobs_icon, span.database_icon, span.ethernet_icon { float: left; line-height: 28px; padding-left: 35px; }
span.folder_icon { background: url(/resources/images/project_details_icon.png) no-repeat center left; }
span.tables_icon { background: url(/resources/images/tables_icon.png) no-repeat 0 4px; }
span.tables_ddl_icon { background: url(/resources/images/tables_ddl_icon.png) no-repeat 0 4px; }
span.procedures_icon { background: url(/resources/images/procedures_icon.png) no-repeat 2px center; }
span.code_icon { background: url(/resources/images/code_icon.png) no-repeat center left; }
span.build_icon { background: url(/resources/images/build_icon.png) no-repeat center left; }
span.jobs_icon { background: url(/resources/images/jobs_icon.png) no-repeat center left; }
span.database_icon { background: url(/resources/images/database_icon.png) no-repeat 3px center; }
span.ethernet_icon { background: url(/resources/images/ethernet_icon.png) no-repeat center left; }

.project_permissions_set .p48 label { margin-top: 3px; }