﻿html,body    {margin:0;padding:0}
body {padding: 0 0 20px; color: #000; text-align: left; background: #202020 url(../../images/bg.gif) repeat-x 0 0; font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666;}

/*========================================================*/
/*  Layout                                        */
/*========================================================*/

#wrapper            {width:910px; margin:0 auto 120px;padding:0;background: #fff url(../../images/content.gif) repeat-y 0 0; padding:0}
*html #wrapper      {width:910px;float:left}

.header             {width:100%;height:30px;background: #454545 url(../../images/bg.gif) repeat-x 0 0;}
    .headerr            {text-align:right;vertical-align:middle;}
    .headerl            {text-align:left;vertical-align:top;}
    .headerl img        {border:0}   

.topbar             {float:right; width:200px; text-align:right;  line-height:20px;clear:both}
.phone              {background:url(images/phone.gif) no-repeat 0 0;float:right;height:47px;width:257px;clear:both;margin:10px 0 0}

.banner             {width:100%;height:auto;background:transparent ;clear:both;border-right:none;border-left:none;float:left;padding:0;}
html .banner        {margin-top:3px}
.banner img         {border:none;clear:both;float:left}

.menu             {width:auto;height:38px;background:#fff url(../../images/menu.gif) repeat-x 0 0;}
.menuinner       {padding-left:17px;height:38px;width:auto;background:transparent url(../../images/menul.gif) no-repeat 0 0;position:relative;z-index:2000;display:block}
.contact        {background:url(../../images/contact.gif) no-repeat 0 0;height:38px;width:113px;float:right;position:relative;display:inline-block;overflow:hidden}
.contact img    {border:none}
/* see "CSS Menu Style" for complete styles  ------------------------------------------*/

#breader            {width:auto; height:26px; line-height:26px;clear:both;background: #588AC6 url(../../images/bg-breader.gif) no-repeat left bottom;font-size:90% }
#breader .left      {background: #588AC6 url(../../images/bg-breader.gif) no-repeat right bottom; height:26px;  width:911px; text-align:left;float:right}

#content                {width:auto;clear:both;margin:0 ;min-height:150px;text-align:left;padding:0 10px}
*html #content          {width:100%}
#content .pad            {padding:10px;}
#content .pad_lr            {padding:0 10px;}
#content .contentbox    {vertical-align:top;margin:0;padding:0}
/* see "Content Panes" for complete styles  ------------------------------------------*/

#footer                 {padding-top:2px;background:#1F2020 url(../../images/footer.gif) repeat-x 0 top;width:100%;clear:both;height:42px;line-height:22px;color:white;}
 
.bottom                {width:auto;clear:both;margin:0 2px;text-align:left; }
.bottom img             {clear:both;}
*html #content          {width:100%}
.bottomfooter                {width:100%;clear:both;text-align:center;padding-top:0px ;font-size:90%;color:#ccc;background:#202020}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.leftpane{ width:480px; float:left; overflow:visible;}
.contentpane{ margin-left:1%;width:200px; float:left;line-height:normal;}
.rightpane{ width:200px; float:right; overflow:hidden;}
.mainapane{ width:32.8%; float:left; overflow:hidden;}
.mainbpane{ width:32.4%; margin-left:1%; float:left;overflow:hidden;line-height:1px;}
.maincpane{ width:32.8%; float:right; overflow:hidden;line-height:1px}
.toppane {line-height:normal;}
.topleftpane{ width:25%; float:left;background:#A7DDF6;}
.toprightpane{ width:74%; float:right;}
.midleftpane{ width:70%; float:left;}
.midrightpane{ width:29%; float:right;}
.sloganpane{ width:100%; float:right;}
.bottompane{background:white;line-height:1px}


/* //////////////// mainmenu //////////////////////////// */

/*========================================================*/
/*  CSS Menu Style                                         */
/*========================================================*/

.mainmenu ul.AspNet-Menu {margin:0;}
/* Tier 1 */
.mainmenu ul.AspNet-Menu ul { display: block; width: 230px; top: 37px; left: -2px; border: solid 1px #fff; border-bottom:none;background:#6D6E70;}
/* Tier 2 */    
.mainmenu ul.AspNet-Menu ul ul { top: 0; left: 180px; }
/* Tier 3+ */
.mainmenu li A:link, .mainmenu li A:visited, .mainmenu li A:active {color:#ccc;border-right:solid 1px #fff;padding:0 8px;margin:3px 0;height:34px;}
.mainmenu li ul li A:link, .mainmenu li ul li A:visited, .mainmenu li ul li A:active {color:#ccc;border-right:none;padding:0 ;height:18px;background-image:none}
.mainmenu li {color:#ccc; margin: 0 1px;padding:0;font-size:100%;list-style:none;float:left;line-height:37px;background: transparent url(../../images/menu.gif) repeat-x 0 0;}
.mainmenu li ul li { text-transform: capitalize; margin: 0;font-size:90%; padding: 0px 8px;line-height:18px; border: none; border-bottom: 1px solid #C0C3C9; width: 214px;background:none;text-align:left ;}
.mainmenu li:hover  {color:white; background:transparent transparent url(../../images/menu.gif) repeat-x  0 -42px; }
.mainmenu li a:hover {color:White}
.mainmenu ul ul li:hover  {background-image:none;background:#202020 }
.mainmenu a, .mainmenu span, .mainmenu a:visited, .mainmenu a:active { color: #fff; margin: 0px; padding: auto 10px;text-decoration:none;font-weight:bold; }
.mainmenu li.AspNet-Menu-Leaf a, .mainmenu li.AspNet-Menu-Leaf span { background-image: none !important; }
.mainmenu .AspNet-Menu-Selected,.mainmenu .AspNet-Menu-Selected:link { color: white; background: transparent url(../../images/menu.gif) repeat-x 0 -84px; }
.mainmenu .AspNet-Menu-ChildSelected { color: #fff;  }
.mainmenu .AspNet-Menu-ParentSelected {background:none;color: #fff; }

#footermenu {margin:10px auto;width:280px;text-align:center}

.footermenu {width:100%}
.footermenu ul.AspNet-Menu {margin:0 auto;width:auto}

/* Tier 1 */
.footermenu ul.AspNet-Menu ul { display: block; width: 180px; top: 36px; left: -1px; border: solid 1px #C0C3C9; border-bottom: none; }
/* Tier 2 */
.footermenu ul.AspNet-Menu ul ul { top: 0; left: 180px; }
/* Tier 3+ */
.footermenu li A:link, .footermenu li A:visited, .footermenu liA:active {color:#ccc;}
.footermenu li { color:#ccc; margin: 0 1px;padding:0 8px;font-size:90%;list-style:none;font-weight:normal; float:left;line-height:18px;border-right:solid 1px #fff}
.footermenu li ul li { text-transform: capitalize; margin: 0; padding: 0; border: none; border-bottom: 1px solid #C0C3C9; width: 180px; }
.footermenu li:hover  {color:white; }
.footermenu li a:hover {color:White}
.footermenu a, .footermenu span, .footermenu a:visited, .footermenu a:active { color: #fff; margin: 0px; padding: auto 10px;text-decoration:none;font-weight:bold; }
.footermenu li.AspNet-Menu-Leaf a, .footermenu li.AspNet-Menu-Leaf span { background-image: none !important; }
.footermenu .AspNet-Menu-Selected { color: #EE9421;  }
.footermenu .AspNet-Menu-ChildSelected { color: #fff;  }
.footermenu .AspNet-Menu-ParentSelected {  color: #fff; }


/*========================================================*/
/*  Links and text                                     */
/*========================================================*/
input[type=text], textarea ,select  {border:solid 1px #8FADD1; }

.txtValidator {border:solid 1px #8FADD1; background:#fff url(../../Images/required.gif) no-repeat right 1px }
.more {color:#006699;font-size:9px;top:-10px;margin: 0 0 10px;}
.hello {padding:5px 10px;text-align:center;vertical-align:middle ;margin:2px 0 10px; border: dotted 1px #B4CDE8;border-left:none;border-right:none; background: #F0F5FA; color: #000; font-weight: bold;font-size:100%; }
.norecords {width:98%;float:left;padding:10px;text-align:center;vertical-align:middle ;margin:5px 0; border: solid 1px #ccc; background: #F0F5FA; color: #588AC6; font-weight: bold;font-size:100%; }
.button { border: 1px solid #FFFFFF; color: #FFFFFF;padding: 2px 5px; background:#B3AFA7 url("../../Images/btn_bg_a.gif") repeat-x 0 0; font-size: 1em; }
.button:hover { border: 1px solid #FFFFFF; color: #FFFFFF;padding: 2px 5px; background:#78A5E3 url("../../Images/btn_bg_b.gif") repeat-x 0 0; font-size: 1em; }
.alert ul   {margin-left:18px;}

.breader,a.breader:link, a.breader:active, a.breader:visited{ color:#003F5E; font-weight:normal; text-decoration:underline; padding-left:18px; background:url(images/bread.gif) left center no-repeat}
a.breader:hover                                     { color:#666; text-decoration:none}
.user,A.user:link,A.user:active,A.user:visited      {color: #888;TEXT-DECORATION: none; line-height:25px;background:url(../images/user.gif) 0 -1px no-repeat;padding:1px 20px; font-weight:bold;} 
A.user:hover                                        {color:#666;text-decoration:underline;background:url(../images/user.gif) 0 -24px no-repeat}
.login,A.login:link,A.login:active,A.login:visited  {font-size:90%;line-height:25px; background:url(../images/reg.gif) 0 -1px no-repeat; padding:1px 0;  color:#003F5E; text-decoration:none;} 
A.login:hover                                       {color:#666666; text-decoration:underline; background:url(../images/reg.gif) 0 -24px no-repeat}

.links						{ color:white;}
A.links:link,A.links:active,A.links:visited  {line-height:42px;padding:0px 10px; font-weight:normal; color:#2699f2; text-decoration:none;} 
A.links:hover {color:#eee;}

  
#contentoptions .phoneus              {padding:7px 0 7px 45px;background:#666666 url(images/phoneus.gif) no-repeat 5px 50%;color:White;clear:both;display:block}
#contentoptions .email              {padding:7px 0 7px 45px;background:#666666 url(images/email.gif) no-repeat 5px 50%;color:White;clear:both;display:block}
#contentoptions .download              {padding:7px 0 7px 45px;background:#666666 url(images/download.gif) no-repeat 5px 50%;color:White;clear:both;display:block}

.terms,A.terms:link,A.terms:active,A.terms:visited  {padding-right:10px; font-weight:normal; color:#bbb; text-decoration:none; border-right:solid 1px #ADE205 } A.terms:hover {color:#ADE205;}
.noborder           {border:none}

A:link,A:visited,A:active 	{ color: #EE9820; text-decoration: underline}
A:hover						{ color: #666; text-decoration:underline}
.defaultcolor				{ color:#666;}
.Head						{ color:#666; font:bold 12pt Verdana, Arial, Helvetica, sans-serif}
.SubHead					{ color:#999999}
.logo						{ float:left;width:35%;padding:10px 0 0 10px;z-index:2;position:relative}

.clear			{ clear:both}
.left			{ float:left}
.right			{ float:right}
h1,h2,h3,h4,h5,h6,p {margin:0 0 10px;}
H1 				{font-size:140%;line-height:130%; color: #EF9702;}
H2				{font-size:130%;color: #555;line-height:130%;}
H3 				{ line-height:120%;font-size:140%}
H4 				{ line-height:100%;font-size:110%}
H5 				{line-height:100%;font-size:100%}
H6 				{ line-height:100%;font-size:90%}
p               {line-height:140%;font-size:100%;}

ul              {padding-left:0;margin-left:0;margin-top:0}
.ul li              {line-height:140%;font-size:100%;padding-left:20px;background:url(../../images/li.gif) no-repeat 0 3px;list-style-type:none}


embed, object   {margin:0;padding:0}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Btns and Validation... by rml

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.txtValidator {border:solid 1px #8FADD1; background:#fff url(../../Images/required.gif) no-repeat right 1px }
.more {color:#EE9820;font-weight:bold;font-size:11px;top:-10px;margin: 0 0 10px;background:url(../../images/more.gif) no-repeat right 2px;line-height:26px;padding-right:16px}
.more a:active, .more a:link, .more a:visited {color:#EE9820;}
.button { border: 1px solid #FFFFFF; color: #FFFFFF;padding: 2px 5px; background:#B3AFA7 url("../../Images/btn_bg_a.gif") repeat-x 0 0; font-size: 1em; }
.button:hover { border: 1px solid #FFFFFF; color: #FFFFFF;padding: 2px 5px; background:#78A5E3 url("../../Images/btn_bg_b.gif") repeat-x 0 0; font-size: 1em; }
.tblwrapper {margin-bottom:10px;background: transparent url(../../Images/tbl_bg.gif) repeat-x bottom left;overflow: auto; width: 100%; border-bottom:solid 2px #F0F5FA}
.specialtitle       {line-height:100%;font-size:110%;font-weight:bold}

.tbltab           {background: transparent url(../../Images/tab.gif) repeat-x top right;float:right;margin-right:10px;position:relative;top:5px}
.tbltab .tbltabl       {background: url(../../Images/tab.gif) no-repeat top left;height:22px;padding:5px 0 5px 10px;line-height:22px;margin-right:10px}

.tbltabg           {background: transparent url(../../Images/tabgrn.gif) repeat-x top right;float:right;margin-right:10px;position:relative;top:5px}
.tbltabg .tbltabgl       {background: url(../../Images/tabgrn.gif) no-repeat top left;height:22px;padding:5px 0 5px 10px;line-height:22px;margin-right:10px}

.inprogressdiv     {position:absolute;left:0;top:0;width:100%;vertical-align:middle;text-align:center;height:200%;z-index:10000;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;background:white}
.inprogress   {margin:140px 0 0 320px;background:#BF2A1D;position:absolute;z-index:20000;color:#fff;font-weight:bold;font-size:90%;width:20%;height:30px;}

.alert_new {float:left;padding:2px 10px;text-align:center;vertical-align:middle ;margin:2px 0; border: solid 1px #5D940C; background: #F1F5AE; color: #5D940C; font-weight: bold;font-size:100%; }
.alert {display:block;padding-left:27px;margin:3px 0 5px;min-height:25px; color: red; font-weight: bold;font-size:90%;border:none;background: url("../../Images/alert.gif" ) no-repeat 0 0;}
.alert_ok  {display:block;padding-left:27px;margin:3px 0 5px;min-height:25px; color: #5D940C; background: url("../../Images/alert_ok.gif" ) no-repeat 3px 0;font-weight: bold;font-size:90%;border:none }
.alert_none {display:none}
.alert_info {display:block;padding-left:27px;margin:3px 0 5px;min-height:25px; color: #EF9702; font-weight: bold;font-size:90%;border:none;background: url("../../Images/Alert_info.gif" ) no-repeat 0 0;}
.alert_cc {display:block;padding-left:10px;margin:3px 0 5px;min-height:25px; color: red; font-weight: bold;font-size:90%;border:none;background: url("../../Images/Alert_cc.gif" ) repeat-x 0 0;}


.norecords {width:98%;padding:10px;text-align:center;vertical-align:middle ;margin:5px 0; border: solid 1px #ccc; background: #F0F5FA; color: #588AC6; font-weight: bold;font-size:120%; }

.tbl { font-size: 100%;  border-collapse: collapse; width:100%; margin:0 0 15px;text-align: left;}
.tbl thead th {vertical-align:top;color: black; font-size: 100%;font-weight:bold; padding: 6px;border-bottom:solid 2px #F0F5FA;background:#F0F0F0 }
.tbl thead td {vertical-align:top; color: black; font-size: 100%; padding: 6px 0;font-weight:bold;border-top:dotted 1px #F0F5FA }
.tbl td {vertical-align:top;color: #666; font-size: 100%;line-height:15px; padding:3px 6px;font-weight:normal;text-align:left;border-bottom:dotted 2px #F0F0F0}
.tbl th {vertical-align:top;color: #666; font-size: 90%; padding:3px 6px;font-weight:bold;text-align:left;border-bottom:dotted 2px #F0F0F0}
.tbl tfoot th {vertical-align:top;color: #666; font-size: 100%; padding: 6px;font-weight:normal; background:#F0F0F0;border-top:solid 1px #F0F0F0}
.tbl tfoot td {vertical-align:top;color: #666; font-size: 100%; padding: 6px;font-weight:normal;text-align:left;background:#D3E2F5;border-top:solid 1px #F0F0F0}
.tbl a {padding: 0;margin:0}
.tbl tbody p {padding: 0;margin:0}
.tbl table th {font-size:90%;padding-left:0}
.tbl .rowH1 {color:White;text-transform:uppercase;border-bottom:solid 2px #F0F0F0}
.tbl .th {vertical-align:top;color: black; font-size: 100%;font-weight:bold; padding: 6px;border-bottom:solid 2px #F0F0F0;background:#F0F0F0 }
.th {vertical-align:top;color: #666; font-size: 100%; padding: 6px;font-weight:bold;text-align:left;border-bottom:solid 1px #ccc;background:#F0F5FA}
.tblnone    {border:none;}
.tblnone td, .tblnone th    {border:none;padding:0;margin:0;}
.tblnonen table {border:none}
.tblnonen table td, .tblnonen table th    {border:none;padding:0;margin:0}

.tbl caption {vertical-align:top;color: #fff; font-size: 100%; padding: 6px;font-weight:bold;text-align:left;border-bottom:solid 1px #ccc;background:#00A2E3}
.tbl .alt   {background:#FDFDFD}
.tbl .tfoot {vertical-align:top;color: #666; font-size: 90%; padding:3px 6px;font-weight:bold;text-align:left;border-bottom:solid 1px #ccc;background:#F0F5FA}
.tbl .pager {vertical-align:top;color: #fff; font-size: 100%; padding: 6px;font-weight:bold;text-align:left;border-bottom:solid 1px #ccc;background:#00A2E3}
.pager A:link, .pager A:visited, .pager A:active 	{ color: #fff; text-decoration: underline}
.pager A:hover						{ color: #fff; text-decoration:underline}
.pager span {font-weight:bold;color:White}

.c1             {max-width:500px;min-height:40px;clear:both}
.c1tl       {width:auto;background: url(../../images/c1t.gif) no-repeat left top;height:9px;}
.c1tr       {float:right;width:90%;background: url(../../images/c1t.gif) no-repeat right top;height:9px}
.c1ml       {padding:0 0 0 10px;background: url(../../images/c1.gif) repeat-y left 0;}
.c1mr       {padding:0 0 10px;background: url(../../images/c1.gif) repeat-y right 0;padding-right:10px}
.c1bl    {width:auto;background: url(../../images/c1b.gif) no-repeat left bottom;height:9px}
.c1br    {float:right;width:90%;background: url(../../images/c1b.gif) no-repeat right bottom;height:9px}
.c1 h1,.c1 h2,.c1 h3,.c1 h4 {margin:0;color: #fff;font-size:120%;}
.c1 p   {color:White;padding:0}
.c1 .tbl {margin:0}
.c1 a:link, .c1 a:visited, .c1 a:active {color:black}
.c1 a:hover {color:white}


.c2             {max-width:500px;min-height:40px;clear:both}
.c2tl       {width:auto;background: url(../../images/c2t.gif) no-repeat left top;height:9px;}
.c2tr       {float:right;width:90%;background: url(../../images/c2t.gif) no-repeat right top;height:9px}
.c2ml       {padding:0 0 0 10px;background: url(../../images/c2.gif) repeat-y left 0;}
.c2mr       {padding:0 0 10px;background: url(../../images/c2.gif) repeat-y right 0;padding-right:10px}
.c2bl    {width:auto;background: url(../../images/c2b.gif) no-repeat left bottom;height:9px}
.c2br    {float:right;width:90%;background: url(../../images/c2b.gif) no-repeat right bottom;height:9px}
.c2 h1,.c2 h2,.c2 h3,.c2 h4 {margin:0;color: #fff;font-size:120%;}
.c2 p   {color:White;line-height:100%;padding:0}
.c2 .tbl {margin:0}
.c2 a:link, .c2 a:visited, .c2 a:active {color:black}
.c2 a:hover {color:white}


.c3             {max-width:900px;min-height:40px;clear:both;background:#474747 url(../../images/c3.gif) repeat-y left 0;}
.c3ml       {background: url(../../images/c3t.gif) no-repeat left top;padding-right:200px}
.c3 h1,.c3 h2,.c3 h3,.c3 h4 {margin:0;color: #fff;font-size:120%;}
.c3 p   {color:White;line-height:130%;padding:0}
.c3 .tbl {margin:0}
.c3 a:link, .c3 a:visited, .c3 a:active {color:black}
.c3 a:hover {color:white}


.quote {margin:auto 0;vertical-align:middle;text-align:center;background:url(../../images/quotes.gif) no-repeat 0 0;padding-left:22px;font-weight:bold;font-size:110%;line-height:140%}
.quote div{background:url(../../images/quotesr.gif) no-repeat bottom right;padding-right:22px}
.quote p    {line-height:120%}

.tbl2 { font-size: 100%;  border-collapse: collapse; width:100%; margin:0 0 0px;text-align: left;}
.tbl2 thead th {vertical-align:top;color: black; font-size: 100%;font-weight:bold; padding: 6px;border-bottom:solid 2px #ccc;background:#E1E9F2 }
.tbl2 thead td {vertical-align:top; color: black; font-size: 100%; padding: 6px;font-weight:bold;border-top:dotted 1px #F0F5FA }
.tbl2 td {vertical-align:top;color: #666; font-size: 100%;line-height:15px; padding:3px 6px;font-weight:normal;}
.tbl2 th {vertical-align:top;color: #666; font-size: 100%; padding:3px 6px;font-weight:bold;text-align:left;border-bottom:solid 1px #ccc;background:#F0F5FA}
.tbl2 tfoot th {vertical-align:top;color: #666; font-size: 100%; padding: 6px;font-weight:normal; background:#D3E2F5;border-top:solid 1px #ccc}
.tbl2 tfoot td {vertical-align:top;color: #666; font-size: 100%; padding: 6px;font-weight:normal;text-align:left;background:#D3E2F5;border-top:solid 1px #ccc}
.tbl2 a {padding: 0;margin:0}
.tbl2 tbody p {padding: 0;margin:0}
.tbl2 table th {font-size:90%;padding-left:0}
.tbl2 .rowH1 {background: #00A2E3;color:White}
.th {vertical-align:top;color: #666; font-size: 100%; padding: 6px;font-weight:bold;text-align:left;border-bottom:solid 1px #ccc;background:#F0F5FA}

.tbl3       {width:100%;line-height:120%}
.tbl3 td    {vertical-align:top;font-size:90%;padding-right:10px}
.tbl3 th {margin:0;color: #EF9702;font-size:100%;border-bottom:dotted 1px #eee;border-right:solid 20px #ccc;line-height:22px}
.tbl3 tfoot td  {vertical-align:bottom;line-height:30px}

.tblbookings    {font-size: 100%;  border-collapse: collapse; width:100%; margin:0 0 10px; padding: 10px;background-color: #ebebeb;border:none}
.tblbookings thead th {background-color:#B0B0B0;vertical-align:top;color: white; font-weight:bold; padding: 6px; }
.tblbookings thead td {text-align:left;vertical-align:top; color: black; font-size: 100%; padding:2px 6px;font-weight:bold; }
.tblbookings td {font-size: 100%; vertical-align:top;color: #666; padding:3px 10px;font-weight:normal;text-align:left;border-bottom:solid 1px #fff}
.tblbookings th {font-size: 100%;vertical-align:top;color: #666; padding:3px 10px;font-weight:bold;border-bottom:solid 1px #fff}
.tblbookings tfoot th {font-size: 100%;vertical-align:top;color: #666;  padding: 5px;font-weight:normal; }
.tblbookings tfoot td {font-size: 100%;vertical-align:top;color: #666;  padding: 5px;font-weight:normal;text-align:left}
.tblbookings .foot {font-size: 100%;vertical-align:top;color: #666; font-size: 100%; padding: 10px;font-weight:normal;background:#ccc;text-align:left}
.tblbookings a {padding: 0;margin:0}
.tblbookings tbody p {padding: 0;margin:0 0 6px}
.tblbookings table th {font-size:100%;padding-left:0}
.tblbookings .rowH1 {background: #B0B0B0;color:White}
.tblbookings h1, .tblbookings h2, .tblbookings h3   {margin:0 0 4px}
.tblbookings .btn {}
.tblbookings input[type=text],.tblbookings select {font-size:100%}
.tblbookings input[type=button] {font-size:120%}

.bookinginfo span   {display:block;margin-bottom:3px;margin-right:10px;}
.bookinginfo .bh1    {font-weight:bold;font-size:90%;margin-right:20px;}

.h1         {color: #EF9702;background: url(../../Images/h1.gif) no-repeat left 0;line-height:40px;height:40px;padding-left:10px;font-size:120%;width:90%}
.h1 span    {background: url(../../Images/h1.gif) no-repeat right 0;line-height:40px;height:40px;display:block;margin-right:-10%;position:relative}

.h1special         {color: #fff;background: url(../../Images/h1special.gif) no-repeat left 0;line-height:26px;height:26px;padding-left:10px;font-size:100%;width:90%}
.h1special span    {background: url(../../Images/h1special.gif) no-repeat right 0;line-height:26px;height:26px;display:block;margin-right:-10%;position:relative}

.h1spec         {color: #fff;background: url(../../Images/h1special.gif) no-repeat left 0;line-height:26px;height:26px;padding-left:10px;font-size:100%;display:inline-block;}
.h1spec span    {background: url(../../Images/h1special.gif) no-repeat right 0;padding-right:10px;line-height:26px;height:26px;display:inline-block;width:auto;margin-right:-10px}

.h1special2         {color: #fff;background: url(../../Images/h1special2.gif) no-repeat left 0;font-weight:bold;line-height:25px;height:25px;padding-left:30px;font-size:100%;display:inline-block;}
.h1special2 span    {background: url(../../Images/h1special2.gif) no-repeat right 0;padding-right:10px;line-height:25px;height:25px;display:inline-block;margin-right:-10px}


.h1r         {color: #fff;background: url(../../Images/h1r.gif) no-repeat left 0;line-height:40px;height:40px;padding-left:10px;font-size:120%;width:90%}
.h1r div    {background: url(../../Images/h1r.gif) no-repeat right 0;line-height:40px;height:40px;display:block;margin-right:-10%;position:relative}

.h1r a:link, .h1r a:active    ,.h1r a:visited          {color:#FFC73C}
.h1r a:hover         {color:#fff}
sup {text-decoration:none}

.caption    {font-size:85%;font-style:italic;line-height:100%;margin:3px 0 0;}
.popup      {position: absolute;border:solid 3px #ccc;padding:8px;background-color:white;line-height:11px;font-size:10px}
img         {border:none}

.edit     {background: url(../../images/edit.gif) no-repeat 0 50%;padding: 5px 0 5px 20px;}
.add    {list-style:none;background: url(../../images/add.gif) no-repeat 0 50%;padding:5px 0 5px 16px;}
.back    {list-style:none;background: url(../../images/back.gif) no-repeat 0 50%;padding:5px 0 5px 16px;}
.cancelled    {color:red;list-style:none;background: url(../../images/cancelled.gif) no-repeat 0 50%;padding:5px 0 5px 24px;}
.open    {color:#35BB25;list-style:none;background: url(../../images/open.gif) no-repeat 0 50%;padding:5px 0 5px 24px;}
.view    {list-style:none;background: url(../../images/view.gif) no-repeat 0 50%;padding:5px 0 5px 16px;}

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;padding:0 5px;background:#BF2A1D;border-bottom:solid 3px white;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {font-size:110%;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block;line-height:24px}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-weight:bold;font-size:11px;}
.ajax__tab_xp .ajax__tab_outer {padding-right:24px;background:url(../../images/tab-right.gif) no-repeat right;line-height:24px;}
.ajax__tab_xp .ajax__tab_inner {padding-right:0;}
.ajax__tab_xp .ajax__tab_tab {font-size:110%;line-height:24px;padding:4px;margin:0;color:#DB7570;vertical-align:middle}
/*
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
*/
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {padding-right:24px;background:url(../../images/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {padding-right:0;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {font-size:110%;color:#fff;}
.ajax__tab_xp .ajax__tab_body {border-top:0;border:none}

/* scrolling */
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

.summary    {padding:10px;background: #fff;}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #BBBBBB;
 font: bold 12px Verdana, sans-serif;

 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #BBBBBB;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #B21A09; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #B21A09;
 background: #ccc;
 border-color: #BBBBBB;
}

ul.tabbernav li.tabberactive a
{
color: #fff;
 background-color: #B21A09;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 overflow:auto;
}

