/* CSS Document */


/* //////////////////////// profile  ///////////////////////////// */
#bluelightdetails table.profile {border: 1px solid #ccc; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;}
#bluelightdetails table.profile td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 11px; width: 107px; text-align: center; padding: 7px 0; vertical-align: top;}
#bluelightdetails table.profile td.tit1 {font-size: 13px; font-weight: bold; color: #000; width: 107px;}
#bluelightdetails table.profile td.message {font-weight: normal; color: #000; width: 440px; text-align:left; padding: 10px 5px;}
#bluelightdetails table.profile p {margin:0;}
#bluelightdetails table.profile td.name {}
#bluelightdetails table.profile td.name a {color: #005695;}
#bluelightdetails table.profile td.name a:hover {color: #000;}
#bluelightdetails table.profile td.tit2 {font-size: 13px; font-weight: bold; color: #000; width: 440px;}
#bluelightdetails table.profile img {width: 81px; margin: 0px 10px; text-align:center; border: 1px solid #ccc;}
#bluelightdetails h3 {clear: both; margin-top: 20px; font-size: 13px; font-weight: bold; color: #ca0300;}


#bluelightdetails .item, #bluelightdetails .next {clear: both; margin-bottom: 5px;}
#bluelightdetails .item .label, #bluelightdetails .next .label  {width: 200px; text-align: right; float: left; margin-right: 5px; padding-top: 2px;}
#bluelightdetails .item input {width:234px;}
#bluelightdetails .next input {width: auto !important; height: auto !important;}
#bluelightdetails .item select {width:238px;}
input.check {width: auto !important; margin-right: 2px; vertical-align: middle;}

/* //////////////////////// welcome ///////////////////////////// */
#bluelightdetails {background: url(/img/bck_community_home.gif) #e2eefc no-repeat top center; padding: 20px 35px; padding-bottom: 25px; margin: 0 -30px 0 -30px; line-height: 16px; border-bottom: 1px solid #fff; margin-top: -20px;}
#bluelightdetails table.prices {border: 1px solid #ccc; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;}
#bluelightdetails table.prices td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 35px; font-size: 11px; text-align: center; padding: 7px 0;}
#bluelightdetails table.prices td.tit1 {font-size: 13px; font-weight: bold; color: #ca0300; width: 115px;}
#bluelightdetails table.prices td.tit2 {font-size: 13px; font-weight: bold; color: #000; width: 115px;}
#bluelightdetails p.note {margin: 0; clear: both;}



#bluelightdetails table.activity {border: 1px solid #ccc; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;}
#bluelightdetails table.activity td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 11px; width: 107px; text-align: center; padding: 7px 0;}
#bluelightdetails table.activity td.tit1 {font-size: 13px; font-weight: bold; color: #ca0300; width: 200px;}
#bluelightdetails table.activity td.tit2 {font-size: 13px; font-weight: bold; color: #000; width: 200px;}
#bluelightdetails h3 {clear: both; margin-top: 20px; font-size: 13px; font-weight: bold; color: #ca0300;}



#bluelightdetails table.favourites {border: 1px solid #ccc; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;}
#bluelightdetails table.favourites td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#bluelightdetails table.favourites td.name {font-size: 13px; font-weight: bold; color: #000;  width: 120px; text-align: center; padding: 5px;}
#bluelightdetails table.favourites td.name a {color: #000; text-decoration: none;}
#bluelightdetails table.favourites td.name a:hover {color: #000; text-decoration: underline;} 
#bluelightdetails table.favourites td img {clear: both; width: 81px;  clear: both; margin: 7px; border: 1px solid #ccc; margin-top: 10px;}












/* //////////////////////// Make friends log in  ///////////////////////////// */

#community {height: 200px; padding-top: 20px;}
#community .person {float: left; font-size: 11px; line-height: 13px; margin: 12px 10px;}
#community .person img {clear: both; border: 4px solid #fff; margin-bottom: 3px;}
#community .person p {margin: 0; color: #005695; padding-left: 3px;}
#community .person .name {font-weight: bold;}
#community .person .country {margin-bottom: 7px;}
#community .person a.btn {clear: both; display: block !important; background: url(/img/btn_small.gif) no-repeat !important; text-align: center !important; color: #fff !important; text-decoration: none !important; width: 92px !important; height: 19px !important; font-size: 10px !important; font-weight: bold !important; line-height: 18px !important;}
#community .person a.btn:hover {color: #005695 !important;}












/* //////////////////////// CONTENT COMMUNITY ///////////////////////////// */

#contentCommunity {clear: both; overflow: hidden; background: url(/img/bck_school.gif) repeat-y; }
#contentCommunity .header {background: url(/img/bck_header.gif) 0 124px no-repeat; height: 150px;}
#contentCommunity h1 {font-size: 24px; color: #ca0300; margin: 0; padding-left: 20px;}


.community {margin: 20px; margin-bottom: 0; padding-bottom: 20px;}

.community .introBlue a {display: block; background: url(/img/btn_small.gif) no-repeat; text-align: center; color: #fff; text-decoration: none; width: 92px; height: 19px; font-size: 10px; font-weight: bold; line-height: 18px;}
.community .introBlue a:hover {color: #005695;}


.communityTabs {list-style: none; margin: 0; padding: 0; height: 33px;}
.communityTabs a {text-decoration: none; color: #fff; font-size: 13px; display: block; float: left; padding: 0 17px; height: 33px; line-height: 32px;}
.communityTabs a:hover {color: #000;}
.communityTabs li {display: inline; margin: 0; padding: 0;}
.communityTabs li .left {display: block; float: left; height: 33px; width: 4px;}
.communityTabs li .right {display: block; float: left; height: 33px; width: 4px;}

.communityTabs li.normal a {background: url(/img/tab_faq.gif) repeat-x;} 
.communityTabs li.normal .left {background: url(/img/tab_faq_left.gif) repeat-x;}
.communityTabs li.normal .right {background: url(/img/tab_faq_right.gif) repeat-x right;}

.communityTabs li.active a {background: url(/img/tab_faq_over.gif) repeat-x;} 
.communityTabs li.active a:hover {color: #fff;}
.communityTabs li.active .left {background: url(/img/tab_faq_over_left.gif) repeat-x;}
.communityTabs li.active .right {background: url(/img/tab_faq_over_right.gif) repeat-x right;}




.community p {margin: 10px 0;}
.community h2 {font-size: 17px; margin-top: 5px; margin-bottom: 15px; font-weight: bold; color: #00377a;}

.community #info {clear: both; border: 1px solid #e5e5e5; padding: 20px 30px; padding-bottom: 0; font-size: 13px; line-height: 17px; overflow:hidden;}
.community #info p.intro {margin: 5px 0; margin-bottom: 15px;}
.community #info p.intro a {color: #ca0300;}
.community #info p.intro a:hover {color: #000;}

.community #info p.text {margin: 15px 0;}
.community #info h1 {
	padding-left: 0;
	margin-bottom: 20px;
	color: #00377a;
}

.community #info .video {clear: both; margin-top: 10px; text-align: center;}
.community #info .imageBig {clear: both; text-align: center;}
.community #info .imageBig img {height: 360px; border: 1px solid #ccc;}
.community #info .imageThumbs {clear: both; margin: 10px; padding-left: 60px; margin-top: 0;}
.community #info .imageThumbs img {height: 55px; border: 1px solid #ccc; margin: 0 3px; vertical-align: top;}
.community #info .imageThumbs a {cursor: auto; cursor: pointer;}
.community #info p.imageNote {text-align: center; margin: 10px 0;}


#introRed {clear: both; padding: 20px 30px; font-size: 13px; line-height: 17px; color: #fff; background: #ca0300; font-size: 13px;}
#introRed h1, #introRed h2, #introRed h3 {color: #fff !important;} 
#introLightBlue h1, #introLightBlue h2, #introLightBlue h3 {color: #fff !important;} 

#introBlue {clear: both; padding: 20px 30px; font-size: 13px; line-height: 17px; color: #fff; background: #023579; font-size: 13px;}
#introBlue h1, #introBlue h2, #introBlue h3, #introBlue a, #introLightBlue a {color: #fff !important;} 
#introBlue a:hover {color: #ccc !important;}
#introLightBlue a:hover {color: #005695 !important;}

#introLightBlue {clear: both; padding: 20px 30px; padding-top: 10px; font-size: 13px; line-height: 17px; color: #fff; background: #63a0e4; font-size: 13px;}
#introLightBlue h2 {margin: 0 auto; margin-top: 20px;}
 #introLightBlue p {margin: 0 auto; margin-top: 5px;}


.community .twoCol {clear: both; margin: 20px 0; overflow: hidden;}
.community .userInfo {clear: both; margin: 0; padding-bottom: 20px; overflow: hidden;}

.community .twoCol table.location {font-size: 11px; line-height: 16px;}
.community .twoCol table.location li {border: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 16px !important;}
.community .twoCol table.location li:hover { background: none !important;}

.community .twoCol td.left {padding-right: 5px; vertical-align: bottom;}
.community .twoCol td.right {padding-left: 5px; vertical-align: bottom;}
.community .twoCol div.left {float: left; width: 49%;}
.community .twoCol div.right {float: right; width: 49%;}
.community .twoCol .logo {padding: 20px 0;}
.community .twoCol ul {list-style: none; margin: 0; padding: 0; margin-bottom: 5px;}
.community .twoCol .tit {font-weight: bold;}

.community #locationMap {clear: both;  margin: 0 0 20px 0;}


.community .back {text-align: right; margin: 0 0 5px 0; font-size: 11px;}
.community .back a {color: #000; text-decoration: underline;}
.community .back a:hover {color: #ca0300;}

.community .bluedetails {background: url(/img/bck_bluedetails.gif) repeat-y #126eb0; width: 640px; color: #fff; margin-bottom: 20px; }
.community .bluedetails .top {clear: both; background: url(/img/bck_bluedetails_top.gif) no-repeat; height: 4px; font-size: 1px;}
.community .bluedetails .bottom {clear: both; background: url(/img/bck_bluedetails_bottom.gif) no-repeat; height: 4px; font-size: 1px;}
.community .bluedetails h2 {margin: 0; padding:  20px 0 0 20px; color: #fff;}
.community .bluedetails ul {margin:0; padding: 10px 40px; width: 310px;}
.community .bluedetails li {list-style: url(/img/bull_bluedetails.gif); padding-bottom: 2px;}
.community .bluedetails img {float: right; margin: 20px; margin-left: 0;}
.community .bluedetails p {margin: 20px;}
.community .bluedetails a {color: #fff !important;}
.community .bluedetails a:hover {color: #000 !important;}


.community #booknow {background: #023579; color: #fff; margin: 0 -30px 0 -30px; font-size: 13px; line-height: 17px; border-bottom: 1px solid #fff;}
.community #booknow .tit {background: url(/img/bck_titbook_top.gif) no-repeat top center #01205c; padding: 20px 30px; height: 20px;}
.community #booknow .tit h2 {color: #fff; float: left; margin: 0; font-size: 24px; line-height: 20px;}
.community #booknow .tit .steps {float: right; font-size: 17px; color: #0068c1; padding-top: 1px;}
.community #booknow .tit .steps strong {color: #63a0e4;}
.community #booknow .tit .steps .active {color: #fff;} 
.community #booknow .text {padding: 20px 30px;}
.community #booknow .text p {margin: 0;}
.community #booknow .text ol {margin: 0; padding: 0; padding-left: 22px; padding-top: 5px;}


.community form {font-size: 11px;}
.community a {color: #023579;}
.community a:hover {color: #ca0300;} 
.community form h2 {color: #000;}
.item {clear: both; margin-bottom: 5px;}
.item .label {width: 200px; text-align: right; float: left; margin-right: 5px; padding-top: 2px;}

.item select {width: 200px;}
.community .item input {width: 250px; border: 1px so lid #ccc; padding: 2px; margin-bottom: 6px; color: #005695;}
.community .item input.check {width: auto; margin-right: 2px; margin-left: 205px; margin-bottom: 10px; vertical-align: middle;}
.community .item a.btn {display: block; background: url(/img/btn_small.gif) no-repeat; text-align: center; color: #fff !important; text-decoration: none !important; width: 92px; height: 19px; font-size: 10px; font-weight: bold; line-height: 18px; float: left; margin-right: 5px;}
.community .item a.btn:hover {color: #005695 !important;}

.community .item img {margin-left: 1px; margin-bottom: 2px;}
.community .next {clear: both; padding: 0 30px; height: 60px; margin: 20px -35px 0px -35px; color: #000000;}
.community .next h3 {color: #fff; font-size: 17px; margin: 0; margin-top: 15px;}
.item {margin: 0;}

.community .next .item input {width: 96px; font-size: 17px; font-weight: bold; margin-top: 15px; text-align: center;}
.community .next .item .label {width: 242px; text-align: right; float: left; margin-right: 5px; line-height: 30px;}

.community .item .link a {float:right; color: #fff; text-decoration: none; font-size: 10px; font-weight: bold;}
.community .next .item input.nextBtn {height: auto; width: auto; float: right; margin-top: -35px; margin-right: -15px;}
.community .next input.nextBtnAlone {float: right; margin-top: 17px;}
.community .next input.comunnityBtnSend {float: right; margin-top: 17px; margin-left: 60px;}



form#contact .item .label {width: 290px; text-align: right; float: left; margin-right: 5px; padding-top: 2px;}
form#contact h2 {color: #005695 !important; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 20px !important;}



#booknow select {width: 258px; border: 1px so lid #ccc; padding: 2px; margin-bottom: 6px; color: #005695;}
#booknow optgroup {background-color: #ca0300; font-weight: bold; color: white;}
#booknow option {background-color: white; font-weight: normal; color: #005695;}


.itemRule {clear: both; margin-top: 15px; border-top: 1px solid #2660ae; padding-top: 15px; overflow: hidden; font-size: 11px;}
.userPhoto {float: left; margin-right: 5px;}
.userPhoto img.photo {border: 4px solid #fff;}
 img.photo {border: 4px solid #fff;}
.editImage{clear: both; float: left; margin-top: 0; font-size: 10px;}
.editImage a  {display: block; background: url(/img/btn_small.gif) no-repeat; text-align: center; color: #fff !important; text-decoration: none; width: 92px; height: 19px; font-size: 10px; font-weight: bold; line-height: 18px;}
.editImage a:hover{color: #005695 !important;}
.userInfo {float: left; border: 1px solid #ccc; padding: 0 15px; padding-bottom: 5px; font-size: 11px; background: #fff; width: 488px;}

.userInfo a.btn {display: block; float: left; color: #fff !important; text-decoration: none; text-align: center; margin: 4px auto; background: url(/img/bck_leftnav_btn.gif) no-repeat; width: 179px; height: 27px; font-size: 13px; font-weight: bold; line-height: 25px;}
.userInfo a.btn:hover {color: #005695 !important;} 
.userInfo a {color: #005695 !important;}
.userInfo a:hover {color: #000 !important;}

#bluelightdetails h3 {clear: both; margin-bottom: 15px; font-weight: bold; font-size: 17px !important; color: #005695 !important;}
#bluelightdetails .module {clear: both; background: url(/img/bck_community_home.gif) #e2eefc no-repeat top center; margin: 0 -35px; padding: 0 35px; padding-top: 5px; margin-top:20px;overflow: hidden;}



.itemRuleGray13px {clear: both; margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; overflow: hidden;} 
.itemRuleGrayBack {clear: both; background: #ececec; margin-top: 15px; border: 1px solid #ccc; padding: 15px; overflow: hidden; font-size: 11px;}
.itemRuleGrayBackRight {float: left; background: #ececec; border: 1px solid #ccc; padding: 2px 15px; overflow: hidden; font-size: 11px; width: 383px;}
.userInfoRight {float: left; background: #fff; border: 1px solid #ccc; padding: 2px 15px; font-size: 11px; width: 380px;}
.userInfo p.note {margin-top: 0; margin-bottom: 15px !important;}

.itemRule a, .userInfo a, .itemRuleGray13px a, .itemRuleGrayBack a, .itemRuleGrayBackRight a {color: color:#00377a;}
.itemRule a:hover, .userInfo a:hover, .itemRuleGray13px a:hover, .itemRuleGrayBack a:hover, .itemRuleGrayBackRight a:hover {color: #000;}
.itemRule .image, .userInfo .image, .itemRuleGrayBack .image {float: right; margin-left: 15px; border: 1px solid #ccc;}
.userInfo img {float: left; margin-right: 12px; border: 1px solid #ccc; margin-bottom: 15px;}
.userInfo p {clear: both; padding-top: 5px;}
.userInfo h1 {clear: both; padding-top: 5px;}


#booknow .text a {color: #fff !important;}
#booknow .text a:hover {color: #ccc !important;} 


#booknow div.left, #bluelightdetails div.left {float: left; margin-right: 10px; vertical-align: top; width: 32%;}
#booknow div.leftLarge, #bluelightdetails div.leftLarge {float: left; margin-right: 10px; vertical-align: top; width: 63%;}
#booknow div.leftShort, #bluelightdetails div.leftShort {float: left; margin-right: 10px; vertical-align: top; width: 17%;}
#booknow div.leftShortShort, #bluelightdetails div.leftShortShort {float: left; margin-right: 10px; vertical-align: top; width: 7%;}

#booknow h2.white {color: #fff !important;}

#booknow .bookModule {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; clear: both; overflow: hidden; }
#booknow .bookModule .item {padding: 10px 0;}
#booknow iframe.terms {width: 650px; height: 150px; font-size: 11px; line-height: 14px; clear: both;}

#contentCommunity ul.details {margin: 0; padding: 10px 20px; padding-top: 0; line-height: 17px;}
#contentCommunity ul.details li {list-style: url(/img/bull_details.gif); padding-bottom: 2px;}

#contentCommunity ul.reddetails {margin: 0; padding: 10px 20px; padding-top: 0; line-height: 17px;}
#contentCommunity ul.reddetails li {list-style: url(/img/bull_reddetails.gif); padding-bottom: 2px;}



#right .question {font-weight: bold; color: #005695;}