/*
======================================================
General Styles and Positioning
======================================================
*/

body
	{
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	/*overflow: hidden;*/
	}
body#main
	{
	background: url(/images/main/bg.jpg) top left repeat-x;
	}

#container
	{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	width: 765px;
	/*text-align: left;*/
	}

#thisPageOnlyButtonContainer {
   position: absolute;
   top: 0px;
   left: 0px;
   visibility: hidden;
}
#switchButtonsContainer {
   position: absolute;
   top: 0px;
   left: 0px;
   visibility: hidden;
}



img.rollover {
   cursor: pointer;
   border: 0px;
}

#mainPageContent {
   position: relative;
   top: 0px;
   left: 0px;
}

#songPageContent {
   position: relative;
   top: 0px;
   left: 0px;
}


#main_content_container {
   width: 579px;
   /*height: 450px;*/
   /*background: url('/images/main/main_back.gif') top left no-repeat;*/
   background: transparent url(http://www.esession.com/my_esession/song_space/images/main-content.gif) repeat-y scroll 0 0;
   padding-top: 12px;
   padding-left: 13px;
   text-align: left;
   margin-left: 0px;
   margin-top: 0px;
   float: right;
}

div.titleBar {
   position: relative;
   background: url(/images/main/title_bar_bg.gif) repeat-x;
   width: 590px;
   text-align: left;
   margin-left: 2px;
   float:right;
}

div.titleBar div {
   border-right: solid 1px white;

   font-family:  arial,helvetica,sans-serif;
   font-size: 15px;
   font-weight: bolder;
   color: #ffffff;
   height: 22px;
   padding-left: 5px;
   padding-top: 3px;
}

#main_content_container div.header_section_container_outer {
   
   width: auto;
   padding-bottom: 10px;
}         
#main_content_container div.header_section_container_inner {
   text-align: left;
}         

#main_content_container div.header_section_container_outer h1 {
   font-family: arial,helvetica,sans-serif;
   font-size: 18px;
   color: #7579A8;
   text-align: left;
   padding: 0px;
   border: 0px;
   margin: 0px;
}

#main_content_container div.info_section_container_outer {
   background: url(/common/images/content_container/embossed_area_top.gif) top left repeat-y #ffffff;
   width: auto;
}         
#main_content_container div.info_section_container_inner {
   background: url(/common/images/content_container/embossed_area_bottom.gif) bottom left no-repeat;
   text-align: left;
   
   /*padding: 10px;*/
}         

#main_content_container div.info_section_container_outer h1{
   font-weight: bold;
   font-family: arial,helvetica,sans-serif;
   font-size: 15px;
   color: #7579A8;
   text-align: left;
   padding: 0px;
   border: 0px;
   margin: 0px;
}         

#main_content_container div.info_section_container_outer h2{
   font-weight: bold;
   font-family: arial,helvetica,sans-serif;
   font-size: 14px;
   color: #7579A8;
   text-align: left;
   padding: 0px;
   border: 0px;
   margin: 0px;
}         

#main_content_container div.error_section_container_outer {
   background: url(/common/images/content_container/error_container_top.gif) top left repeat-y #ffffff;
   width: auto;
   color: #5B1717;   
}         
#main_content_container div.error_section_container_inner {
   background: url(/common/images/content_container/error_container_bottom.gif) bottom left no-repeat;
   text-align: left;
   padding-bottom: 10px;
}         

#main_content_container div.alert_section_container_outer {
   background: url(/common/images/content_container/alert_container_top.gif) top left repeat-y #ffffff;
   width: auto;
   color: #5B1717;   
}         
#main_content_container div.alert_section_container_inner {
   background: url(/common/images/content_container/alert_container_bottom.gif) bottom left no-repeat;
   text-align: left;
   /*padding-bottom: 10px;*/
}         

#main_content_container div.error_section_container_outer h1, #main_content_container div.alert_section_container_outer h1{
   font-weight: bold;
   font-family: arial,helvetica,sans-serif;
   font-size: 15px;
   color: #AD4F4F;
   text-align: left;
   padding: 0px;
   border: 0px;
   margin: 0px;
}         

#main_content_container div.error_section_container_outer h2, #main_content_container div.alert_section_container_outer h2{
   font-weight: bold;
   font-family: arial,helvetica,sans-serif;
   font-size: 14px;
   color: #AD4F4F;
   text-align: left;
   padding: 0px;
   border: 0px;
   margin: 0px;
}         


#main_content_container div.content {
   padding-left: 15px;
   padding-top: 10px;
   text-align: left;
   width: 528px;
   font-family: arial,helvetica,sans-serif;
   font-size: 11px;
   color: black;
}

#main_content_container p {
   padding-bottom: 5px;
   margin: 0px;
}

#main_content_container hr {
   color: #d9d9d9;
   background-color: #d9d9d9;
   height: 1px;
   width: 450px;
   text-align: center;
   border: 0px;
   margin-top: -5px;
}

#main_content_container a {
	color: #AD4F4F;
}

#main_content_container div.scroll_content {
  /* overflow:auto; */
   width: 562px; 
   /*height: 430px;*/
}

#main_content_container span.user_action {
   font-weight: bold;
}

#main_content_container table.list, #main_content_container table.listheader {
   font-family: arial,helvetica,sans-serif;
   font-size: 12px;
   color: #black;            
}         

#main_content_container table.list th, #main_content_container table.listheader td {
   font-weight: bold;
   text-align: left;
   padding-top: 4px;
   padding-bottom: 2px;
}
         
#main_content_container table.list td {
   border-bottom: solid 1px white;
   text-align: left;
}     

#main_content_container table.list tr.odd td {
   background-color: #ECECEC;
}     

#main_content_container table.list tr.even td {
   background-color: #DBDDEA;
}     


#main_content_container table.list tr.hi td {
   background: #A4AEEB;
}         
#main_content_container table.list tr.selected td {
   background: orange;
}         


#main_content_container table.list td a{
   color: black;
}               

#main_content_container div.form_row {
   font-family: arial,helvetica,sans-serif;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
   width: 97%;
   left: 5px;
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: solid 1px #fff;
   margin-left: auto;
   margin-right: auto;
}   

#main_content_container div.form_row_even {
   background-color: #E3E6EF;
}

#main_content_container div.form_row_odd {
   background-color: #E9E9E9;
}

#main_content_container table.esstyle_button td {
   border: 0px;
}

#main_content_container table.esstyle_button td a {
   color: white;
}

/* PURPLE BUTTON */

table.purplebutton {
   margin-top: 3px;
   margin-right: 2px;
}

table.purplebutton td.esstyle_button_left  {
   background: url(/common/images/content_container/purple_button_left.gif) top left no-repeat;
   height: 26px;
   width: 9px;
   cursor: pointer;
}
table.purplebutton td.esstyle_button_right  {
   background: url(/common/images/content_container/purple_button_right.gif) top right no-repeat;
   height: 26px;
   width: 9px;
   cursor: pointer;
}
table.purplebutton td.esstyle_button_mid  {
   background: url(/common/images/content_container/purple_button_mid.gif) top left repeat-x;
   height: 26px;
   cursor: pointer;
}

table.purplebutton td.esstyle_button_mid div {
   height: 21px;
   text-align: center;
   padding-top: 5px;
   font-family: arial,helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;            
}
table.purplebutton td div a {
   color: #ffffff;
   text-decoration: none;
} 

/* RED BUTTON */

table.redbutton {
   margin-top: 3px;
   margin-right: 2px;
}

table.redbutton td.esstyle_button_left  {
   background: url(/common/images/content_container/red_button_left2.gif) top left no-repeat;
   height: 24px;
   width: 29px;
   cursor: pointer;
}
table.redbutton td.esstyle_button_right  {
   background: url(/common/images/content_container/red_button_right2.gif) top right no-repeat;
   height: 24px;
   width: 30px;
   cursor: pointer;
}
table.redbutton td.esstyle_button_mid  {
   background: url(/common/images/content_container/red_button_mid2.gif) top left repeat-x;
   height: 24px;
   cursor: pointer;
}

table.redbutton td.esstyle_button_mid div {
   height: 24px;
   text-align: center;
   padding-top: 4px;
   font-family: arial,helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
            
}

table.redbutton_over td.esstyle_button_left  {
   background: url(/common/images/content_container/red_button_left_over2.gif) top left no-repeat;
}
table.redbutton_over td.esstyle_button_right  {
   background: url(/common/images/content_container/red_button_right_over2.gif) top right no-repeat;
}
table.redbutton_over td.esstyle_button_mid  {
   background: url(/common/images/content_container/red_button_mid_over2.gif) top left repeat-x;
}

table.redbutton td div a {
   color: #ffffff;
   text-decoration: none;
} 

/* GREEN BUTTON */      

table.greenbutton {
   margin-top: 3px;
   margin-right: 2px;
}

table.greenbutton td.esstyle_button_left  {
   background: url(/common/images/content_container/green_button_left2.gif) top left no-repeat;
   height: 24px;
   width: 29px;
   cursor: pointer;
}
table.greenbutton td.esstyle_button_right  {
   background: url(/common/images/content_container/green_button_right2.gif) top right no-repeat;
   height: 24px;
   width: 30px;
   cursor: pointer;
}
table.greenbutton td.esstyle_button_mid  {
   background: url(/common/images/content_container/green_button_mid2.gif) top left repeat-x;
   height: 24px;
   cursor: pointer;
}

table.greenbutton_over td.esstyle_button_left  {
   background: url(/common/images/content_container/green_button_left_over2.gif) top left no-repeat;
}
table.greenbutton_over td.esstyle_button_right  {
   background: url(/common/images/content_container/green_button_right_over2.gif) top right no-repeat;
}
table.greenbutton_over td.esstyle_button_mid  {
   background: url(/common/images/content_container/green_button_mid_over2.gif) top left repeat-x;
}


table.greenbutton td.esstyle_button_mid div {
   height: 24px;
   text-align: center;
   padding-top: 4px;
   font-family: arial,helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;            
}
table.greenbutton td div a {
   color: #ffffff;
   text-decoration: none;
} 

.plate {
   		background-color: #7579FF;
   		padding: 0px;
   		padding-left: 4px;
   		padding-right: 4px;
   		font-family: arial, sans-serif;
   		text-transform: uppercase;
   		font-size: 9px;
   		color: white;
   		font-weight: bold;
   		vertical-align: middle;
   		letter-spacing: 1px;
   	}

.platepending {
		   		background-color: red;
		   		padding: 0px;
		   		padding-left: 4px;
		   		padding-right: 4px;
		   		font-family: arial, sans-serif;
		   		text-transform: uppercase;
		   		font-size: 9px;
		   		color: white;
		   		font-weight: bold;
		   		vertical-align: middle;
		   		letter-spacing: 1px;
	}
	   	
#waitMask {
    display: none;
    background: url(/common/images/dark_mask.png);
    position: absolute;
    top: 0px;
    left: 161px;
    width: 591px;
    height: 500px;
}