/* General and CSS Resets */
body { font-family:Helvetica, Tahoma, Lucida Grande, Arial, Verdana; font-size: 14px; margin:0px; padding:0px; }
input, textarea { font-family:Helvetica, Tahoma, Lucida Grande, Arial, Verdana; font-size: 12px; }
form { margin:0px; padding:0px; }
p { margin:0px; padding:0px; }
ul { margin:0px; list-style-type:disc; list-style-position:inside; padding:0px; }
li { padding:2px; }
img, image { border:0px; }
table { border-collapse:collapse; }
hr { color:#BBBBFF; background-color:#BBBBFF; }

.fixed_width { font-family:"Courier New", Courier, monospace; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.marker { color:#FF0000; }
.highlight { background-color:#FFFF00; color:#000000; }
.hidden { display:none; }
.pointer { cursor:pointer; }
.focus { background-color:#E1E6FF; border:2px inset #E1E6FF; }
.no_bullet { list-style:none; }

.ui-icon-inline { display:inline; font-size:16px; padding:0; margin:0; }
.ui-icon-inline img { vertical-align:middle; text-align:center; height:16px; width:16px; border:0px; }

.ui-widget-overlay { background-image:none; background-color: #000000; opacity:.50; filter:Alpha(Opacity=50); }

.ui-menu .ui-autocomplete-category { margin:3px 0px 3px 0px; padding:4px; line-height:normal; }
.ui-menu .ui-autocomplete-category:first-child { margin-top:0px; }
.ui-menu .ui-autocomplete-category-link { margin:3px 0px 3px 0px; width:auto; }
.ui-menu .ui-autocomplete-category-link:first-child { margin-top:0px; }
.ui-menu .ui-autocomplete-category-link a { padding:4px; line-height:normal; width:auto; }
.ui-autocomplete-category-link span { float:right; font-weight:normal; }

.ui-autocomplete-loading { background: white url('loaders/ui-anim_basic_16x16.gif') right center no-repeat; }

.section_title { padding:3px; margin-bottom:5px; line-height:16px; font-weight:bold; }
.section_title span { float:right; font-weight:normal; }

/* Main Containers (DIV's) */
#page-errors { position:fixed; top:45px; right:0; bottom:0; left:0; z-index:99999999; overflow:auto; padding:6px; display:none; }

#header	{ position:fixed; top:0; left:0; width:1000px; height:44px; color:#FFFFFF; line-height:44px; left:-500px; margin-left:50%; }
#header_bkrd { position:fixed; top:0; left:0; width:100%; height:44px; text-align:center;
				background-color:#113388; background-image:url(header_bkrd.png); background-repeat:repeat-x; }
		
#page-body { background-color:#374f80; background-image:url(bkrd_tiles/blue199.gif); background-repeat:repeat; }
#page-body .extra_padding { padding:6px; }

#page-content { border:1px outset #1d5987; position:fixed; overflow:auto; padding:4px; top:65px; bottom:20px; width:760px; left:-505px; margin-left:50%; }
#page-content-no_side { border:1px outset #1d5987; position:fixed; overflow:auto; padding:4px; top:65px; bottom:20px; width:1000px; left:-504px; margin-left:50%; }

#page-sidebar { border:1px outset #1d5987; position:fixed; overflow:auto; padding:4px; top:64px; bottom:20px; width:210px; left:285px; margin-left:50%;  }

#security_bubble { text-align:left; position:absolute; width:700px; left:-352px; margin-left:50%; margin-top:30px; font-size:24px; line-height:28px; padding:15px; }
#security_bubble img { vertical-align:middle; }

/* Header Links CSS */
#header_bkrd .head_title { display:none; opacity:0.4; filter:Alpha(Opacity=40); color:#FFFFFF; font-size:32px; font-variant:small-caps; line-height:44px; }
#header_bkrd .head_sub_title { font-size:18px; display:none; }

#header_table { border:0px solid orange; width:100%; padding:0px; }
#header_table td { border:0px solid yellow; vertical-align:middle; text-align:left; padding:0px; margin:0px; }
#header_table #header_table-links { }
#header_table #header_table-search {  text-align:center; } 
#header_table #header_table-user_info { font-size:14px; text-align:right; }
#header_table #header_table-user_info a { color:#FFFFFF; text-decoration:none; }
#header_table #header_table-user_info a:hover { color:#FFFFFF; text-decoration:underline; }

#header #title { float:left; opacity:0.5; filter:Alpha(Opacity=50); color:#FFFFFF; font-size:28px; font-variant:small-caps; }

#header .divider { display:none; }
.header-link { margin:0; margin-left:10px; padding:0px; height:40px; width:32px; display:block; float:left; overflow:hidden; border:0;
				background-repeat:no-repeat; background-position:center; background-image:url(icons/32/new_page.png); text-indent:-9999px; }

#link-library { background-image:url(icons/32/office_folders.png); }
#link-setlists { background-image:url(icons/32/full_page.png); }
#link-stage { background-image:url(icons/32/television.png); }
#link-home { background-image:url(icons/32/home.png); }
#link-users { background-image:url(icons/32/users.png); }
#link-dev { background-image:url(icons/32/process.png); }

#header #header_search { border:0px solid yellow; }
#header #header_search input.default { width:230px; }

/* Log In Tables CSS */
.table-log_in { padding:5px; border:0px solid red; }
.table-log_in td.field_name { text-align:right; padding-right:6px; border:0px solid red; }

.table-log_in .input-show_error { color:red; }

/* Sidebar Section CSS */
.sidebar_links { list-style-type:none; list-style-position:outside; }
.sidebar_links li { padding:3px; margin-bottom:3px; }
.sidebar_links a, .sidebar_links span.no_a { text-decoration:none; display:block; padding-left:27px; line-height:24px; background-repeat:no-repeat; background-image:url(icons/24/pages.png); cursor:pointer; }
.sidebar_links .ui-state-hover { font-weight:normal; }

#page-sidebar hr { color:#4455AA; background-color:#4455AA; } 

#sidebtn-back-library { background-image:url(icons/24/office_folders.png); }
#sidebtn-back-users { background-image:url(icons/24/users.png); }
#sidebtn-back-setlists { background-image:url(icons/24/full_page.png); }

#sidebtn-create { background-image:url(icons/24/add.png); }
#sidebtn-print { background-image:url(icons/24/printer.png); }
#sidebtn-view { background-image:url(icons/24/new_page.png); }
#sidebtn-edit { background-image:url(icons/24/edit.png); }
#sidebtn-pass_reset { background-image:url(icons/24/key.png); }
#sidebtn-delete { background-image:url(icons/24/delete.png); }

#sidebtn-cancel { background-image:url(icons/24/refresh.png); }
#sidebtn-submit { background-image:url(icons/24/save.png); }

.sidebar_items {list-style-type:none; list-style-position:outside; }
.sidebar_items li { margin-bottom:3px; }
.sidebar_items .only_text { padding:3px; }

#sidebar_items-search { text-align:center; padding:5px; }
#sidebar_items-search input.search_field { width:135px; }

.sidebar-item_info { border:0px solid black; width:100%; }
.sidebar-item_info td { padding:3px; border:0px solid black; vertical-align:middle; }
.sidebar-item_info .title { font-weight:bold; text-align:right; width:85px; }

/* PAGING CSS */
.paging { padding:0px; margin:0px; text-align:center; color:red; }
.paging a { text-decoration:none; color:#000000; }
.paging a:hover { text-decoration:none; color:blue; }
.paging span { border:0px solid black; margin: 0px 5px 0px 5px; padding:0px; vertical-align:middle; height:24px; width:24px; display:inline-block; 
				background-repeat:no-repeat; background-position:center; }
				
.pg_first_off { background-image:url(icons/24/skip_backward_2.png); }
.pg_previous_off { background-image:url(icons/24/rewind_2.png); }
.pg_next_off { background-image:url(icons/24/fast_forward_2.png); }
.pg_last_off { background-image:url(icons/24/skip_forward_2.png); }

.pg_first_on { background-image:url(icons/24/skip_backward.png); cursor:pointer; }
.pg_previous_on { background-image:url(icons/24/rewind.png); cursor:pointer; }
.pg_next_on { background-image:url(icons/24/fast_forward.png); cursor:pointer; }
.pg_last_on { background-image:url(icons/24/skip_forward.png); cursor:pointer; }

/* Content Section CSS */
.table_1 { width:100%; border:1px solid #000066; }
.table_1 td { padding:3px; border-right:1px dashed #CCCCEE; /* border-right:1px dashed #9999C2; */ }
.table_1 th { padding:3px; }

.table_1 .ASC { border:0px solid yellow; padding-right:16px; background-position:right; background-repeat:no-repeat; background-image:url(icons/16/orange_arrow_down.png); }
.table_1 .DESC { border:0px solid yellow; padding-right:16px; background-position:right; background-repeat:no-repeat; background-image:url(icons/16/orange_arrow_up.png); }
.table_1 .sort:hover { text-decoration:underline; }

.table_col_view { width:50px; }
.table_col_edit { width:50px; }
.table_col_del { width:50px; }

/* Response CSS */
.response .ui-icon {  }

.ui-state-highlight, .ui-state-error, .ui-state-success { padding:3px; margin-bottom:5px; line-height:16px; }
.ui-state-highlight .ui-icon, .ui-state-error .ui-icon, .ui-state-success .ui-icon { float:left; margin-right:3px; }

.ui-state-success { border:1px solid #82C023; background:#E1FDE9; color:#67AD2A; }
.ui-state-success .ui-icon-accept { background-image:url(icons/16/accept.png); background-position: 0 0; }

/* Form Tables CSS */
.input-form_table td { border:1px solid #000066; padding:5px; }
.input-form_table .ui-widget-header { text-align:right; width:150px; padding-right:6px; }
.input-form_table .title_row { text-align:center; }

.input-show_error { color:yellow; }

/* Setlist CSS */
#content_division table { width:600px; }
#sl_search_library_container { border:1px solid black; width:305px; margin:10px; }

#search_list { border:0px solid red; overflow:auto; max-height:304px; }
#search_list .del, #search_list .key { display:none; }

#new_setlist_container { width:405px; margin:10px; border:1px solid black; }

#new_setlist_container .del { display:block; height:24px; width:24px; position:absolute; margin-left:371px; margin-top:5px; background-image:url(icons/24/delete.png); background-repeat:no-repeat; } 
#new_setlist_container .key { display:block; height:24px; width:55px; position:absolute; margin-left:305px; margin-top:7px; }

.setlists { list-style-position:outside; list-style:none; overflow:auto; }
.setlists li  { padding:2px 4px 2px 4px; margin:0px; height:32px; cursor:pointer;
		 border-top:1px solid #e9eaeb; border-bottom:1px solid #c7ccd1; background-color:#dfe1e3; }
.setlists .helper { height:32px; border-left:1px solid #e9eaeb; border-right:1px solid #c7ccd1; opacity:0.5; }
.setlists .place_holder { background-color:#f1f1f1; }
.setlists .ui-state-active { padding:6px; text-align:center; line-height:26px; height:26px; }
.sl_title { font-weight:bold; font-size:14px; height:18px; line-height:18px; overflow:hidden; }
.sl_artist { font-size:12px; height:14px; line-height:14px; overflow:hidden; }


#setlists-edit td.control { width:32px; text-align:center; cursor:pointer; }
#setlists-edit td.handle { cursor:move; }
#setlists-edit .key { text-align:center; width:65px; }

/* Chord Pro Help Dialog CSS */
#dialog-chord_pro_help .title { padding-bottom:4px; font-weight:bold; font-size:1.1em; text-decoration:underline; }
#dialog-chord_pro_help .indent { padding-left:25px; font-weight:normal; font-size:1em; }