/* CSS Document */ @charset "utf-8"; /* CSS Document */ /* Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { margin:0px; padding:0px; background: #1CA4D2; font: 100% Arial, Helvetica, sans-serif; height: 100%;} /* Link Styles */ a:link, a:visited {color: #000099; text-decoration:none;} a:hover {color: #0000FF; text-decoration:underline;} a:active {color: #468175;} a.floated_link {background-color:#468175;color:#fffffe;position:relative;top:-10px;padding:3px;padding-left:6px;padding-right:6px;text-decoration:none;font-size:11px;} a.floated_link:hover {background-color:#222323;} /* Headings */ h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;margin: 0 0 5px 0;color: #27221f;} h1, h2 {font-size: 2.7em;letter-spacing:-0.04em;line-height: 1.05em;padding-bottom: 10px;} h2, h3 {margin: 30px 0 0;} h3 {font-size: 1.8em;line-height: 23px;padding-bottom: 10px;} h4 {font-size: 1.3em;line-height: 23px;padding-bottom: 8px;} h5 {font-size: 1.0em;line-height: 23px;color:#404040;} h6 {font-size: 0.8em;line-height: 16px;} ol, ul { list-style: none; } /* Forms */ input[type=text]:hover { background-color:#F5F5DC; border-color:#999999; } input[type=password]:hover { background-color:#F5F5DC; border-color:#999999; } /*-------------------------------- [ Header ] ----------------- */ #header-block { margin:0px; padding:0px; width:100%; height:95px; background:url(../images/header-bg.jpg) left top repeat-x; float:left;} #header { margin:0px auto; padding:0px; width:990px; height:95px; } /*-------------------------------- [ Logo ] ----------------- */ #logo { margin:0px; padding:14px 0 0 25px; width:540px; height:81px; float:left;} #logo img { margin:0px; padding:0px; float:left; border:none;} /*-------------------------------- [ Login Block ] ----------------- */ #login-block { margin:0px; padding:0px; width:420px; float:left;} #login-block div.welcome-user { margin:0px; padding:3px 0 0 0; height:22px; width:420px; float:left; font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#99D6EB; text-align:right; } #login-block div.welcome-user a { font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#99D6EB; text-decoration:none; } #login-block div.welcome-user a:hover { color:#ffc; text-decoration:underline; } #login-block div.welcome-user span { font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; } #login-block div.fb-login-join { margin:0 10px 0 0; padding:3px 0 0 0px; float:right; display:inline; float:right;} #login-block div.fb-login-join ul { margin:5px 10px 0 0; padding:0px 0px 0px 10px; float:right; } #login-block div.fb-login-join ul li { margin:0px; padding:0px 15px 0 0px; font:bold 13px/18px Arial, Helvetica, sans-serif; color:grey; list-style:none; display:inline; } #login-block div.fb-login-join ul li a { font:bold 13px/18px Arial, Helvetica, sans-serif; color:white; list-style:none; text-decoration:underline;} #login-block div.top-block { margin:0px; padding:0px; height:25px; width:420px; float:left; } #login-block div.top-block input { margin:3px 0 0 5px; padding:3px 0 0 2px; height:17px; width:158px; border:1px solid #0057AE; float:left; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#069;} #login-block div.top-block span input { margin:0 0 0 5px; padding:0px; height:25px; width:71px; float:left; border:none; } #login-block div.forgot-remember { margin:0px; padding:5px 0 0 5px; height:25px; width:300px; float:left; vertical-align:middle; } #login-block div.forgot-remember input { margin:2px 0px 0 5px; padding:0 0 0 0px; height:16px; width:16px; border:none; vertical-align:middle; } #login-block div.forgot-remember label { margin:0 10px 0 0px; padding:0 0 0 0px; height:16px; width:100px; text-align:left;font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif; color:#fff; } #login-block div.forgot-remember label a { margin:0 10px 0 0px; padding:0 0 0 0px; height:16px; width:100px; text-align:left;font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; } #login-block div.forgot-remember label a:hover { margin:0 10px 0 0px; padding:0 0 0 0px; height:16px; width:100px; text-align:left;font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; } #topblock div { display: inline; } /*-------------------------------- [ Class clear ! ] ----------------- */ .clear-all { clear:both;} /*-------------------------------- [ Top Banner ] ----------------- */ #head-banner-block { margin:0px; padding:0px; width:100%; height:272px; background:url(../images/head-banner-bg.jpg) left top repeat-x; float:left;} #head-banner { margin:0px auto; padding:0px; width:990px; height:272px; background:url(../images/header-banner.jpg) left top no-repeat; background-position:0px 3px; } #head-banner-caption { margin:0px; padding:15px 0 0 20px; width:570px; float:left; } #head-banner-caption h1 { margin:0px; padding:0px 0 0 0px; width:660px; float:left; font-size:2.4em; color:#000066; } #head-banner-caption p { margin:0px; padding:12px 0 0 0px; width:660px; float:left; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;font-weight: bold; color:#000066;} #head-banner input { margin:18px 16px 0 0px; padding:0px; float:right;} /* Set of buttons called awesome in variety of colors and sizes. Added by Faraz March 9 2010 */ .awesome, .awesome:visited { background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; margin:30px 0 0 20px; } .awesome:hover { background-color: #111; color: #fff; } .awesome:active { top: 1px; } .small.awesome, .small.awesome:visited { color: #fff; font-size: 11px; padding: ; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { color: #fff; font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.awesome, .large.awesome:visited { color: #fff; font-size: 18px; padding: 14px 20px 14px; } .green.awesome, .green.awesome:visited { background-color: #009900; } .green.awesome:hover { background-color: #006600; } /* .green.awesome, .green.awesome:visited { background-color: #91bd09; } .green.awesome:hover { background-color: #749a02; } */ .blue.awesome, .blue.awesome:visited { background-color: #2daebf; } .blue.awesome:hover { background-color: #007d9a; } .red.awesome, .red.awesome:visited { background-color: #e33100; } .red.awesome:hover { background-color: #872300; } .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; } .magenta.awesome:hover { background-color: #630030; } .orange.awesome, .orange.awesome:visited { background-color: #ff5c00; } .orange.awesome:hover { background-color: #d45500; } .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; } .yellow.awesome:hover { background-color: #fc9200; } #roll a { width: 200px; /* sets the width of your buttons, remove this line if you want variable width */ display: inline-block; text-decoration: none; text-align: center; } #roll ul { margin: 0; padding: 0; list-style: none; } #roll ul li { list-style-type: none; background: none; } #roll ul li a, #roll ul li a:visited { /* styles for the default button state */ margin: 10px 0 5px 0; padding: 10px 15px 10px 15px; line-height: 32px; /* this value must be at least twice the border-radius value */ color: #FFF; background: #98EB23; font-family: Arial, helvetica, sans-serif; font-size: 22px; letter-spacing: -.06em; /* should be set to 0 for most cases */ -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } #roll ul li a:hover { /* styles for the rollover button state */ color: #FFF; background: #84D90D; } button { border: 0 none; cursor: pointer; font-weight: bold; padding: 0 15px 0 0; text-align: center; height: 30px; line-height: 30px; width: auto; } button.rounded { background: transparent url( ../images/btn_signup_right.png ) no-repeat scroll right top; clear: left; font-size: 1.2em; } button span { display: block; padding: 0 0 0 15px; position: relative; white-space: nowrap; height: 30px; line-height: 30px; } button.rounded span { background: transparent url( ../images/btn_signup_left.png ) no-repeat scroll left top; color: #FFFFFF; } button.rounded:hover { background-position: 100% -30px; } button.rounded:hover span { background-position: 0% -30px; } button::-moz-focus-inner { border: none; } /*-------------------------------- [ Outer Content Block ] ----------------- */ #main-outer-content { margin:0px; padding:0px; width:100%; background:url(../images/content-bg.png) left top repeat-x #1CA4D2; float:left;} #main-content { margin:0px auto; padding:0px; width:990px; } /*-------------------------------- [ Main-Menu Block ] ----------------- */ #menu-block { margin:0px; padding:6px 0 0 0px; width:990px; height:103px; float:left; background:url(../images/menu-block-bg.jpg) left bottom repeat-x;} .menu-block-left { margin:0px; padding:0px; width:10px; height:103px; float:left; background:url(../images/menu-left-curve.jpg) left bottom no-repeat;} .menu-block-right { margin:0px; padding:0px; width:10px; height:103px; float:right; background:url(../images/menu-right-curve.jpg) left bottom no-repeat;} #nav {margin:0; padding:0 0 0 10px; font-weight:bold; } /* the styling */ #nav {width:940px; height:103px; background:#000; position:relative; font-weight:bold; background:url(../images/menu-block-bg.jpg) left top repeat-x; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } #nav .select, #nav .current {margin:0; padding:0; list-style:none;} #nav li {display:inline; margin:0; padding:0; height:auto; } #nav .select a, #nav .current a { margin:0 3px; display:block; height:43px; float:left; padding:0px; width:124px; text-decoration:none; font-size:13px; line-height:43px; white-space:normal; color:#000033; background:url(../images/menu-bg.jpg) left bottom no-repeat; text-align:center;} * html #nav .select a, * html #nav .current a { height:43px; width:124px;float:left; line-height:43px; text-align:center; } #nav .select a:hover, #nav .select li:hover a { background:url(../images/menu-active-bg.jpg) left bottom no-repeat; cursor:pointer; font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;} #nav .sub {display:none;} /* for IE5.5 and IE6 only */ #nav table {position:absolute; border-collapse:collapse; left:0; top:0;} #nav .current a {background:url(../images/menu-active-bg.jpg) left bottom no-repeat; color:#fff; font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; } #nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover {background:url(../images/sub-menu-active.jpg) center center no-repeat; color:#000; font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;} #nav .sub_active .current_sub a, #nav .sub_active a:hover {background:url(../images/sub-menu-active.jpg) center center no-repeat; color:#fff;} #nav .select li a:hover .sub, #nav .select li:hover .sub {display:block; position:absolute; width:750px; top:43px; left:0; /*background:#008BCE;*/background:url(../images/menu-bottom-bg.jpg) left top repeat-x; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;} #nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;} #nav .sub_active {display:block; position:absolute; width:750px; top:43px; left:0;/* background:#009FEC;*/ margin-top:0; padding:0; z-index:10; } * html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:0px;} #nav .sub_active a {height:39px; text-decoration:none; line-height:39px; white-space:nowrap; display:block; float:left;/* background:#009FEC;*/ padding:5px 35px 10px 35px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#000;} #nav .select a:hover .sub li a, #nav .select li:hover .sub li a {height:39px; display:block;/* background:#008BCE;*/ padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#000; font-size:12px; line-height:39px; background:url(../images/menu-bottom-bg.jpg) left top repeat-x;} #nav .select li:hover .sub li a:hover {height:39px; display:block;/* background:#008BCE;*/ padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px; line-height:39px; background:url(../images/sub-menu-active.jpg) center center no-repeat;} #top-menu-label {position:absolute; left:0px; bottom:10px; font:normal 22px/35px 'Trebuchet MS'; color:#fff; text-align:left;} #tour { float:right; position:absolute; right:-200px; top:3px; font:normal 22px/35px 'Trebuchet MS'; color:#fff; text-align:right; width:240px; height:38px;} #tour img { margin:0px; padding:0px; border:none;} #tour img a { margin:0px; padding:5px; border:none;} #navdrop { margin:0px; padding:10px; line-height:100%; display:block; } #navdrop { display:inline; } #navdrop li:hover > a { background-color:orange; color:#666; font-weight:bold; } #navdrop ul ul { display:none; margin:0px; padding:0px; border:solid 1px #blue; background-color:#ddd; } #navdrop li:hover > ul ul { display:block; } /* #navdrop > li { list-style-type:none; float:left; display:block; margin:0px 10px; position:relative; padding:10px; width:100px;} #navdrop > li:hover ul { background-color:#fff; display:block; } #navdrop > li:hover { background-color:#808080; -moz-border-radius:10px; -webkit-border-radius:10px; } #navdrop li ul { color:red; margin:0px; padding:0px; display:none;} #navdrop li ul li { list-style-type:none; margin:10px 0 0 0;} #navdrop li ul li a { display:block; padding:5px 10px; color:#A2E200; text-decoration:none;} #navdrop li ul li:hover a { background-color:#606060; -moz-border-radius:5px; -webkit-border-radius:5px;} #navdrop li span { cursor:pointer; margin:0px 10px; font-weight:bold; } */ /*-------------------------------- [ Main content Block ] ----------------- */ #content-block { margin:0px; padding:8px 8px 10px 12px; width:970px; float:left; background: #fff; } #content-block h2 { color:#333; border-bottom:solid 1px gray; } #content-block h4 { color:#333; padding:10px 0 5px 2px; } /*-------------------------------- [Find Cruise Left Form Block ] ----------------- */ #left-form-cruise { margin:0px; padding-bottom:20px; width:960px; height:500px; float:left; } .form-cruise-top { border:solid 1px #CFECEC; margin:0px; padding:0px; width:960px;height:500px; float:left; } .form-cruise-top h3 { margin:0px; padding:10px 0 0 5px; width:949px; height:43px; float:left; background:#CFECEC; border:solid white; } .steps { margin:15px 0 5px 0; padding:5px 0 0 10px; height:35px; width:900px; float:left; color:#666; font-size:0.9em; } .steps ul { margin:0px; padding:0px; list-style:none; } .steps ul li { margin-right:15px; padding:7px 15px 7px 5px; display:inline; border:solid #ccc; background:#CFECEC; } .current_step { color:#006633; display:inline; font-weight:bold; font-size:1.3em; } /* .form-cruise-bottom { margin:0px; padding:0px; width:466px; height:12px; float:left; background:url(../images/form-bottom-bg-mid.jpg) left bottom repeat-x;} .form-cruise-bottom span.left { margin:0px; padding:0px; width:12px; height:12px; float:left; background:url(../images/form-bottom-bg-left.jpg) left bottom no-repeat;} .form-cruise-bottom span.right { margin:0px; padding:0px; width:12px; height:12px; float:right; background:url(../images/form-bottom-bg-right.jpg) left bottom no-repeat;} */ .form-middle-block-left { margin:5px 0 10px 0; padding:0px 0 0 0; width:410px; float:left; } fieldset { margin:0px; padding:10px 0 10px 32px; width:215px; float:left; border:none; } fieldset label { margin:0px; padding:6px 0px 1px 0px; width:200px; float:left; font-size:0.9em; font-weight:bold; color:#303030; } fieldset select { margin:0px; padding:0px; width:200px; height:20px; float:left; font:normal 11px/20px;} fieldset.btn { margin:0px; padding:0px; width:250px; float:left; border:none; } fieldset.btn input { margin:0px; padding:0px; width:90px; height:29px; float:left; border:none; } .form-middle-block-right { margin-top:-25px; padding:0px; width:300px; float:right;} .form-middle-block-right h3 { margin:0px; padding:0px; width:180px; float:left;} #right-form-cruise { margin:0px; padding:0px; background:url(../images/right-cruise-form-bg.jpg) left top repeat-y;} div#right-form-cruise, div#right-form-cruise .form-middle-block-left, div#right-form-cruise div.form-cruise-top, div#right-form-cruise div.form-cruise-bottom { margin:0px; padding:0px; width:490px;} div#right-form-cruise .form-middle-block-left { height:328px;} div#right-form-cruise div.form-cruise-top h2 { padding:0px; margin:10px 0 0 0; width:466px; height:43px; float:left; } .form-block { margin:0 0 0 10px; padding:0px; float:left; width:370px; height:370px; background: #9ED158; } .form-block form { margin:0px; padding:0px; } .form-block input { font-size:18px; float:left; padding:5px; } .form-block label { width:100px; font-size:16px; margin:5px 0 -5px 0; padding:0px; color:#303030; } .form-block .large.green.awesome { margin:5px 0 5px 0; padding:10px 15px 10px;; display:inline; float:left; font-size:16px; text-decoration:none; } .form-block p { margin:0px; padding:10px 0 10px 0; float:left; font-size:0.8em; color:#303030; width:250px; } .form-tip { margin:0px ; padding:0px; font-size:11px ; color:#666 ; float:left; } .form-block-bottom-bg { margin:0px; padding:10px; width:255px; height:21px; float:left; background: #9ED158;} #recent-joined-cruises { padding:0px; float:left; width:250px; color:#666; margin-top:-20px; } #recent-joined-cruises h4 { color:#666; font-weight:bold; text-align:center; padding-bottom:10px; } #recent-joined-cruises ul { background-color:#CFECEC; padding:8px; } #recent-joined-cruises ul li { border-bottom:1px solid #ccc; font-size: 0.9em; color: #3a3a3a; margin: 0 0 10px 0; line-height: 1.3 } #activity_summary { padding:0px; float:left; width:250px; color:#666; margin-top:-20px; width:680px; border:#00C double } #activity_summary div { font:bold; } #activity_summary h4 { color:#666; font-weight:bold; text-align:center; padding-bottom:10px; } #activity_summary ul { background-color:#CFECEC; padding:8px; } #activity_summary ul li { border-bottom:1px solid #ccc; font-size: 0.9em; color: #3a3a3a; margin: 0 0 10px 0; line-height: 1.3 } #popular-cruise { text-align:center; margin:0 40px 0 10px; padding:10px 5px 15px 5px; width:200px; float:right; } #popular-cruise h4 { margin:0px; padding:5px 0 0 0; height:29px; color:#666; font-weight:bold; } #popular-cruise img { margin:0px; padding:6px 0 0px 0px; } #popular-cruise img a { margin:0px; padding:0px; border:none; } #popular-cruise-picture { margin:0px; padding:0px; float:left; width:160px;} #popular-cruise-picture img { margin:2px 0px; padding:0px; float:left; } #recent-profile { margin:0 3px 0 0px; padding:0px; float:right; width:210px;} #recent-profile h3 { margin:0px; padding:17px 0 0 0; width:210px; height:29px; float:left; font:normal 18px/25px Arial, Helvetica, sans-serif; background:url(../images/popular-head-bg.jpg) left bottom repeat-x; text-align:left; } #recent-picture-block { margin:0px; padding:0px; width:210px; float:left; } /*#recent-picture-block { margin:0px; padding:15px 0 0 20px; width:75px; height:75px; float:left; }*/ #recent-picture-block img { margin:0px; padding:0px; float:left;} /*#recent-picture-block span { margin:0px; padding:15px 0 0 20px; width:75px; height:75px; float:left; } #recent-picture-block span img { margin:0px; padding:0px; float:left;} #recent-picture-block span img a.recent { margin:0px; padding:3px; border:1px solid #666; float:left;}*/ /*-------------------------------- [ Bottom Boxes ] ----------------- */ #bottom-boxes { margin:0px; padding:5px 0 0 0px; width:970px; float:left; } div.bottom-left-box, div.bottom-mid-box { margin:0px; padding:0px; width:315px; float:left; background:url(../images/bottom-left-box-bg.jpg) left top repeat-y; line-height: 150% } div.bottom-left-box div.top, div.bottom-mid-box div.top { margin:0px; padding:0px; height:48px; float:left; background:url(../images/bottom-box-mid-head-bg.jpg) left top repeat-x; width:315px; } div.bottom-left-box div.top span.left, div.bottom-mid-box div.top span.left { margin:0px; padding:0px; width:12px; height:48px; float:left; background:url(../images/bottom-box-left-head-bg.jpg) left top no-repeat; } div.bottom-left-box div.top h4, div.bottom-mid-box div.top h4 { margin:0px; padding:10px 0 0 0; width:260px; height:38px; float:left; font:bold 18px/32px Arial, Helvetica, sans-serif; color:#fff;} div.bottom-left-box div.top span.right, div.bottom-mid-box div.top span.right { margin:0px; padding:0px; width:12px; height:48px; float:right; background:url(../images/bottom-box-right-head-bg.jpg) right top no-repeat; } div.bottom-left-box div.bottom-box1, div.bottom-mid-box div.bottom-box1 { margin:0px; padding:0px; width:309px; float:left;} div.bottom-left-box div.bottom-box1 ul, div.bottom-mid-box div.bottom-box1 ul { margin:0px; padding:14px 0 0 24px; float:left;} div.bottom-left-box div.bottom-box1 ul li, div.bottom-mid-box div.bottom-box1 ul li { margin:0px; padding:10px 0 0 20px; list-style:none; font:normal 14px/22px Tahoma, Arial, Helvetica, sans-serif; color:#000; background:url(../images/bullet.jpg) left top no-repeat; background-position:0 17px; } div.bottom-left-box div.bottom-box1 ul li a, div.bottom-mid-box div.bottom-box1 ul li a { margin:0px; padding:0; list-style:none; font:normal 14px/22px Tahoma, Arial, Helvetica, sans-serif; color:#000; text-decoration:underline; } div.bottom-left-box div.bottom-box1 p { margin:10px; padding:23px 0 0 10px; float:left; font:normal 14px/22px Tahoma, Arial, Helvetica, sans-serif; color:#000;} div.bottom-left-box div.bottom-box1 p a { margin:0px; padding:0px; font:normal 14px/22px Tahoma, Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;} div.bottom-left-box div.bottom-box1 p b { margin:0px; padding:10px 0 0 0px; float:left; font:bold 14px/25px Tahoma, Arial, Helvetica, sans-serif; color:#000;} div.bottom-left-box div.bottom, div.bottom-mid-box div.bottom { margin:0px; padding:0px; width:315px; height:12px; float:left; background:url(../images/left-box-bottom-bg.jpg) left bottom no-repeat;} div.bottom-mid-box { margin:0px 10px;} .content-bottom-bg { margin:0px; padding:0px; width:990px; height:10px; float:left; background:url(../images/bottom-left-curve.jpg) left bottom no-repeat #fff;} .content-bottom-bg span.right { margin:0px; padding:0px; width:12px; height:10px; float:right; background:url(../images/bottom-right-curve.jpg) right bottom no-repeat;} div.top span.leftx, div.bottom-mid-box div.top span.leftx { background-image:url(../images/bottom-box-right-head-bg.jpg); background-position:right top; background-repeat:no-repeat; float:right; height:48px; width:12px; } div.top li b { padding-top:15px; font-size:14px; margin-top:25px;} /*-------------- Buzz --------------------*/ #press { border:solid 1px #CFECEC; margin:0px; padding:0px; width:960px;height:180px; float:left; color:gray; } #press h3 { margin:0px; padding:15px 0 0 5px; width:949px; height:35px; float:left; background:#CFECEC; border:solid white; } #press img { padding-right:45px; } /*-------------------------------- [ Footer ] ----------------- */ #footer-outer { margin:0px; padding:0px; width:100%; height:200px; float:left; background:url(../images/footer-bg.png) center bottom no-repeat;} #footer { margin:0px auto; padding:15px 0 0 0; width:990px; } #footer ul { margin:0px; padding:0 0 0 330px; width:750px; float:left;} #footer ul li { margin:0px; padding:0px 10px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; list-style:none;} #footer ul li a { margin:0px; padding:0px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; list-style:none; text-decoration:none;} #footer ul li a:hover { color:#BBE4F2; list-style:none; text-decoration:none;} #footer p { margin:0px; padding:10px 0 0 0; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#fff; list-style:none; text-decoration:none; width:990px; text-align:center;} /*-------------------------------- [ Main content left Block ] ----------------- */ #content-left-block { margin:0px; padding:8px 8px 0px 12px; width:680px; float:left; } #content-left-block h3 { margin:0px; padding:0 0 20px 0; color:#069; } #content-left-block h4 { margin:0px; padding:20px 0 0 0; } /*-------------------------------- [ Main content full Block ] ----------------- */ #content-full-block { margin:0px; padding:8px 8px 0px 12px; width:940px; float:left; } /*------------------------------- [ Login Page ] Added by Faraz Feb 18 2010 --------------*/ .fblogin {border:solid grey;margin:15px 0px 15px 0px; padding:10px; width:440px; float:left;background-color:#F0F0F0; height:230px; text-align:center; } .fblogin p { font-size:13px; color:#404040; } .moclogin { background:#CFECEC; margin:15px 0px 15px 0px; padding:10px; width:440px; float:right; height:230px;} .moclogin form { margin-top:-10px; } .moclogin input { font-size:18px; float:left; padding:5px; } .moclogin label { font-size:14px; padding:10px 0 5px 0; color:#303030; } .inputtext { width:230px; } .moclogin p.remember input { margin-top:10px; padding:10px 5px 5px 5px; width:1em; height:1em; } .moclogin p.remember label { padding:8px 0 5px 5px; } .moclogin p.btn-block { margin:8px 30px 8px 30px; padding:0px; float:left; } .moclogin p.btn-block a.reset_form { margin:0px 35px 0 40px; padding:0px; font-size: 0.8em; color:#404040; } .moclogin p.remember_login input { margin-top:10px; padding:10px 5px 5px 3px; width:1em; height:1em; } .moclogin p.remember_login label { padding:8px 0 5px 5px; } .moclogin p.btn-block_login { float:left; width:440px;} .moclogin p.btn-block_login a.reset_form_login { margin:0px 5px 0 10px; padding:0px; font-size: 0.8em; color:#404040; } .btm-login { margin:0px; padding:8px 8px 0px 12px; width:940px; float:left; } /*-------------------------------- [ Profile ] ----------------- */ .top-text-block { margin:0px; padding:0px; width:100%; float:left; text-align:left; font:normal; color:#000; } .top-text-block h3 { margin:0 0 10px 0; padding:0px; width:100%; float:left; text-align:left; color:#069; border-bottom:1px solid blue;} .top-text-block p { margin:0px; padding:10px 0 0 10px; width:90%; float:left; text-align:left; font:normal 13px/30px; color:#000; } .top-text-block p.tips-block { margin:0px; padding:0px 0 0 10px; width:90%; float:left; text-align:left; font:normal 13px/15px; color:#000; } .top-text-block p a { font:bold 13px/20px; color:#DF0048; text-decoration:underline; } .top-text-block p.inbox-links { margin:0px; padding:3px 0 0 10px; width:90%; float:left; text-align:left; font:normal 13px/20px Tahoma; color:#000; } .top-text-block p.inbox-links a { font:bold 13px/20px Tahoma; color:#DF0048; text-decoration:underline; } .review-picture-block { margin:0px; padding:0px; width:90%; float:left; font:bold 13px/30px Tahoma; color:#000; } .review-picture-block img { margin:0px; padding:3px; border:1px solid #ccc; float:left; display:block; } .review-picture-block h4 { margin:0px; padding:0px; font:bold 13px/22px Tahoma; color:#000; width:90%; float:left; display:block; } .review-picture-block h4 a { font:bold 13px/22px Tahoma; color:#069; float:left; text-decoration:none; } .review-block { margin:10px 0 0 0; padding:25px 30px 0 15px; width:620px; float:left; background:url(../images/review-block-bg.jpg) left top repeat-x;} .review-block div.details { margin:0px; padding:0px; width:420px; float:left; } .review-block div.details label { margin:0px; padding:0px; width:140px; float:left; font:bold 13px/25px Tahoma; color:#000; } .review-block div.details span { margin:0px; padding:0 0 0 20px; width:240px; float:left; font:normal 13px/25px Tahoma; color:#000; background:url(../images/colon.jpg) left center no-repeat; } .review-block div.detailed-picture { margin:0px; padding:20px 0 0 0; float:left; width:200px;} .overall-rating { margin:10px 0 10px 0; padding:5px; width:350px; background:#FFFFD2; border:1px solid #FFCC00; font:bold 13px/30px Tahoma; color:#000; text-align:left; float:left;} .overall-rating h5 { margin:0px; padding:0px; width:100px; font:bold 13px/20px Tahoma; color:#000; text-align:center; float:left; } .overall-rating p { margin:0px; padding:0 0 0 20px; width:120px; font:bold 13px/20px Tahoma; color:#000; text-align:center; background:url(../images/colon.jpg) left center no-repeat; float:left; } .overall-rating p img { margin:0 2px; padding:0px; float:left;} .individual-rating { margin:0px; padding:0 0 0 10px; width:650px; float:left;} .individual-rating h4 { margin:0px; padding:0px; width:650px; float:left; font:bold 13px/30px Tahoma; color:#000; } .individual-rating h5 { margin:0px; padding:7px 0 0 0; width:650px; float:left; font:bold 11px/15px Tahoma; color:#000; } .individual-rating h5 span { margin:0px; padding:0px; width:200px; float:left; } .individual-rating h5 span.rating { margin:0px; padding:0 0 0 20px; width:230px; float:left; background:url(../images/colon.jpg) left center no-repeat; } .individual-rating h5 span.rating img { margin:0 2px; padding:0px 0 0 0px; float:left; } .individual-rating p { margin:0px; padding:3px 0; width:650px; float:left; border-bottom:1px solid #f2f2f2; font:normal 11px/15px Tahoma; color:#666; } .review-bottom-block { margin:0px; padding:50px 10px 10px 10px; float:left; width:650px; background:url(../images/review-block-bottom-bg.jpg) left bottom repeat-x; } .review-bottom-block p { margin:0px; padding:0px; float:left; width:660px; height:20px; font:normal 11px/15px Tahoma; color:#666; } .review-bottom-block p span.help-msg { margin:0px; padding:5px 0 0 0px; float:left; width:165px; height:20px; font:normal 11px/15px Tahoma; color:#666; } .review-bottom-block p input { margin:0 0 0 5px; padding:0px; width:60px; float:left; } .review-bottom-block p img { margin:0 10px 0 0; padding:0px; float:right; } .review-bottom-block p a { margin:0 5px; padding:0px; font:bold 12px/15px Tahoma; color:#069; } .review-bottom-block a { margin:0 5px; padding:0px; font:bold 12px/15px Tahoma; color:#069; } .reviewshow-return-btn { margin:5px 0 0 0px; padding:0px; float:left; width:650px; } .top-text-search-field { margin:0; padding:30px 0 30px 270px; float:left; width: 670px; background:#F4FAED; border:1px solid #D2EAB5} .top-text-search-field input { margin:0 0 0 10px; padding:0; width:250px; height:20px; float:left; } .top-text-search-block { margin:5px 0; padding:0px; float:left; width:900px; } .top-text-search-block ol { margin:5px 0; padding:25px 0 0 20px; width:920px; float:left; background:url(../images/profile-common-block-bg.jpg) left top repeat-x;} .top-text-search-block ol li { margin:5px 0; padding:0px; width:750px; list-style:none; float:left;} .top-text-search-block ol li h3 { margin:0px; padding:2px 0; width:750px; font:bold 13px/18px Arial, Helvetica, sans-serif; color:#00f;} .top-text-search-block ol li h3 a { color:#00f; text-decoration:none;} .top-text-search-block ol li p.description { margin:0px; padding:2px 0; width:750px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000;} .top-text-search-block ol li p.description em { font:bold 13px/18px Arial, Helvetica, sans-serif; color:#000; padding:0 3px; margin:0px 1px 0 0; background:#f2f2f2; border:1px solid #ccc;} .top-text-search-block ol li p.description a { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#080; text-decoration:none;} .tips { margin:0px; padding:5px; width:665px; float:left; background:#fff; border:1px solid #fff; font:normal 12px/15px "Trebuchet MS"; color:#000;} #profile-block { margin:0px; padding:0px; width:690px; float:left; } .profile-top-block { margin:0px; padding:0px; width:690px; float:left; } .profile-top-picture-block { margin:0px; padding:5px 0 0 18px; width:217px; float:left; } .profile-top-name-block { margin:0px; padding:0 0 8px 0; width:217px; float:left; font:bold 20px/25px "Trebuchet MS"; color:#069; } .profile-top-picture-block img { margin:0px; padding:3px; float:left; border:1px solid #AFB2B9; } .profile-top-review-block { margin:0px; padding:33px 0 0 0px; width:454px; float:left; background:url(../images/profile-review-top.jpg) left top no-repeat; } .profile-review-mid-block { margin:0px; padding:0px; float:left; width:454px; background:url(../images/profile-review-mid.jpg) left top repeat-x #A0D25C; } .profile-review-mid-block p { margin:0 0 0 15px; _margin:0 0 0 7px; padding:5px 0px; float:left; border-bottom:1px solid #B7DE83; width:420px; } .profile-review-mid-block p label { margin:0px; padding:0 0 0 10px; float:left; width:180px; font:bold 16px/32px "Trebuchet MS"; color:#fff; } .profile-review-mid-block p span.result { margin:0px; padding:0px; float:left; width:115px; font:bold 14px/32px "Trebuchet MS"; color:#000; } .profile-review-mid-block p span.btn-input { margin:6px 0 0 0px; padding:0px; float:left; width:110px; } .profile-review-mid-block p span.btn-input input { margin:0 0 0 10px; padding:0px; float:left; } .profile-review-bottom-block { margin:0px; padding:0px; float:left; width:454px; height:58px; background:url(../images/profile-review-bottom.jpg) left bottom no-repeat;} .profile-common-text-block { margin:10px 0 0 0px; padding:5px 0 0 0; width:675px; float:left; background:url(../images/profile-common-block-bg.jpg) left top repeat-x; background-position:0 32px ;} .profile-common-text-block h4 { margin:0; padding:7px 5px 0px 20px; float:left; width:650px; font:bold 15px/30px "Trebuchet MS"; color:#000;} .profile-common-text-block p { margin:0; padding:15px 5px 0px 20px; float:left; width:650px; font:normal 13px/15px "Trebuchet MS"; color:#000;} .profile-common-text-block p.btn-block { margin:0px; padding:0px; width:675px; height:26px; float:left;} .profile-common-text-block p.btn-block input { margin:0 20px 0 0px; padding:0px; float:right;} .profile-common-text-block p label { margin:0; padding:0px; float:left; width:130px; font:bold 13px/15px "Trebuchet MS"; color:#000;} .profile-common-text-block p b { margin:0; padding:0px; float:left; width:40px; font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#000;} .profile-common-text-block p span { margin:0; padding:0px; float:left; width:300px; font:normal 13px/15px "Trebuchet MS"; color:#000;} /*-------------------------------- [ Profile Setting Page ] ----------------- */ .profile-setting-common-text-block { margin:10px 0 0 0px; padding:5px 0 20px 0; width:675px; float:left; background:url(../images/profile-common-block-bg.jpg) left top repeat-x;} .profile-setting-common-text-block h4 { margin:0 10px 15px 10px; padding:7px 5px 0px 0px; float:left; width:650px; font:bold 17px/30px "Trebuchet MS"; color:#000; border-bottom:1px solid #ddd;} .profile-setting-common-text-block h5 { margin:10px 10px 10px 15px; padding:7px 5px 0px 0px; float:left; width:630px; font:bold 15px/24px "Trebuchet MS"; color:#006699; border-bottom:1px solid #f2f2f2;} .profile-setting-common-text-block p { margin:0; padding:15px 5px 0px 20px; float:left; width:650px; font:normal 12px/15px "Trebuchet MS"; color:#000;} .profile-setting-common-text-block p a { font:normal 12px/15px "Trebuchet MS"; color:#069; text-decoration:none;} .profile-setting-common-text-block p.btn-block { margin:0px; padding:30px 0 0 100px; width:475px; height:26px; float:left;} .profile-setting-common-text-block p.btn-block input { margin:0 20px 0 0px; padding:0px; width:auto; height:auto; border:none; } .profile-setting-common-text-block p.btn-block a { margin:7px 20px 0 0px; padding:0px; width:auto; height:auto; float:left;font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#000; } .profile-setting-common-text-block p.btn-block a:hover { margin:7px 20px 0 0px; padding:0px; width:auto; height:auto; float:left;font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#069; } .profile-setting-common-text-block p.check-box { margin:0px; padding:0px 0 0px 30px; width:600px; height:20px; float:left;font-weight:bold;} .profile-setting-common-text-block p.check-box input { margin:0 20px 0 0px; padding:0px; width:16px; height:16px; float:left;} .profile-setting-common-text-block p.check-box label { margin:0 20px 0 0px; padding:0px; width:600px; height:16px; float:left; } .profile-setting-common-text-block p.adv-user-profile { margin:0px; padding:15px 5px 0px 20px; width:600px; height:20px; float:left;font-weight:bold;} .profile-setting-common-text-block p.adv-user-profile input { margin:0 20px 0 0px; padding:0px; width:295px; height:16px; float:left; } .profile-setting-common-text-block p.adv-user-profile label { margin:0 0 0px 20px; padding:0px; width:130px; height:16px; float:left; } .profile-setting-common-text-block p.adv-user-profile select { margin:0 0 0px 0px; padding:0px; width:300px; float:left; } .form-help { margin:0px; padding:2px; float:right; color:#ff6633; font-size:0.8em; background-color:#ccc; width:140px; position:relative; top:-20px; } .profile-setting-common-text-block p.gender input { margin:0px; padding:0px; width:15px; height:16px; float:left;} .profile-setting-common-text-block p.gender label { margin:0 0 0px 20px; padding:0px; width:130px; height:16px; float:left; } .profile-setting-common-text-block p.gender span { margin:0; padding:0px; width:40px; height:16px; float:left; text-align:left;} .profile-setting-common-text-block p.lets-to-do { margin:0px; padding:15px 5px 0px 20px; width:600px; float:left;font-weight:bold;} .profile-setting-common-text-block p.lets-to-do label { margin:0 0 0px 20px; padding:0px; width:130px; height:16px; float:left; } .profile-setting-common-text-block p.lets-to-do span input { margin:0px; padding:0px; width:15px; height:16px; float:left; background: } .profile-setting-common-text-block p.lets-to-do span label { margin:0 0 0px 10px; padding:0px; width:170px; height:16px; float:left; } .profile-setting-common-text-block p.lets-to-do span { margin:0; padding:4px 0 0 0px; width:200px; float:left; text-align:left;} .profile-setting-common-text-block p label { margin:0; padding:0 0 0 30px; float:left; width:130px; font:normal 13px/15px "Trebuchet MS"; color:#000;} .profile-setting-common-text-block p b { margin:0; padding:0px; float:left; width:40px; font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#000;} .profile-setting-common-text-block p span { margin:0; padding:0px; float:left; width:150px; font:normal 13px/15px "Trebuchet MS"; color:#000;} .profile-setting-common-text-block p input { margin:0; padding:0px; float:left; width:200px; font:normal 13px/15px "Trebuchet MS"; color:#000; height:15px; } .profile-setting-common-text-block p img { margin:0; padding:3px; border:1px solid #f2f2f2; float:left;} /*-------------------------------- [ SignUp ] ----------------- */ .signup-text-block { background:#CFECEC; margin:10px 0 0 0px; padding:5px 0 20px 0; width:675px; float:left; } .signup-text-block p { margin:0; padding:15px 5px 0px 20px; float:left; width:650px; font:100% Arial, Helvetica, sans-serif; color:#000;} .signup-text-block p input { margin:0px; padding:5px; float:left; font-size:18px; height:25px; width:300px; border:solid grey 1px;} .signup-text-block p label { margin-top:8px; padding:0 10px 0 30px; float:left; width:115px; font:100%; color:#303030; text-align:right; } .signup-text-block p.check-box { margin-top:20px; padding:0px 0 0px 110px; width:600px; float:left; font-weight:bold; font-size:0.9em;} .signup-text-block p.check-box input { margin:0 10px 0 0px; padding:0px; width:16px; height:16px; float:left;} .signup-text-block p.check-box label { margin:0 20px 0 0px; padding:0px; width:600px; height:16px; float:left; } .signup-text-block p.btn-block { margin:0px; padding:30px 0 0 100px; width:475px; height:26px; float:left;} .signup-text-block p.btn-block input { margin:0 20px 0 0px; padding:0px; width:auto; height:auto; } .signup-text-block p.btn-block a { margin:7px 20px 0 0px; padding:0px; width:auto; height:auto; float:left;font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#000; } .signup-text-block p.btn-block a:hover { margin:7px 20px 0 0px; padding:0px; width:auto; height:auto; float:left;font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#069; } #recaptcha { margin:0px ; padding:10px 10px 0px 110px ; float:left ; } .thanks-block { margin:0px; padding:10px 0 0 0px; width:255px; float:left;} .thanks-block h3 { margin:0px; padding:30px 0 30px 0px; width:255px; line-height:30px; float:left; text-align:left; color:#069; background:url(../images/thanks-for-joining-bg.jpg) left bottom no-repeat #E6F7FF; } .thanks-block h5 { margin:0px; padding:20px 0 15px 0; float:left; color:#069; width:255px; } .thanks-block p { margin:0px; padding:10px; width:235px; float:left; text-align:left; font:normal; color:#413839; } .thanks-block p b { color:#333; } /*-------------------------------- [ Compose Mail ] ----------------- */ .compose-menu-block { margin:10px 0 0 30px; _margin:10px 0 0 15px; padding:0px; width:890px; height:36px; float:left; border:1px solid #e2e2e2; border-width:0 0 0px 0; } .compose-menu-block ul { margin:0px; padding:0px; width:890px; height:36px; float:left; } .compose-menu-block ul li { margin:0 5px 0 0px; padding:0px; height:36px; float:left; list-style:none; } .compose-menu-block ul li.compose-btn { margin:0; padding:0px 0px 0 506px; height:36px; float:left; list-style:none; } .compose-menu-block ul li.compose { margin:0; padding:0px 0px 0 206px; height:36px; float:left; list-style:none; } .compose-menu-block ul li a { margin:0px; padding:0px 0 0 10px; height:36px; background:url(../images/compose-btn-left-bg.jpg) left bottom no-repeat; float:left; text-decoration:none; color:#000; } .compose-menu-block ul li a b { margin:0px; padding:5px 25px 0 15px; height:31px; background:url(../images/compose-btn-right-bg.jpg) right bottom no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; } .compose-menu-block ul li a:hover b { margin:0px; padding:5px 25px 0 15px; height:31px; background:url(../images/compose-btn-right-bg.jpg) right bottom no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; } .compose-menu-block ul li.active a b {font-weight:bold; padding:5px 23px 0 15px; } .compose-text-block p.remember { padding:15px 5px 0px 220px; width:500px; margin:0px; float:left; } .compose-text-block p.remember input { padding:0px; margin:0px; float:left; width:16px; height:16px; } .compose-text-block p.remember label { padding:0 0 0 10px; margin:0px; float:left; width:200px; height:20px; } span.signup-right-align { float:right; text-align:right; vertical-align:middle; font:normal 11px/20px Tahoma;} span.signup-right-align input { margin:0px 0 0 5px;} .compose-text-block { margin:0px 0 0 30px; _margin:10px 0 0 15px; padding:5px 0 20px 120px; width:768px; float:left; border:1px solid #e2e2e2; } .show-message-block { margin:0px 0 0 30px; _margin:10px 0 0 15px; padding:5px 20px 20px 20px; width:848px; float:left; border:1px solid #e2e2e2; } .show-message-block h4 { margin:0px; padding:10px 0 0 0px; float:left; width:848px; font:bold 15px/22px "Trebuchet MS"; color:#006699; } .show-message-block div.between { margin:0px; padding:10px 0 0px 0px; float:left; width:848px; font:normal 12px/22px "Trebuchet MS"; color:#000; } .show-message-block div.between span.left { margin:0px; padding:0px; float:left; width:400px; font:normal 12px/22px "Trebuchet MS"; color:#000; } .show-message-block div.between span.left a { font:bold 12px/22px "Trebuchet MS"; color:#069; text-align:right; text-decoration:none; } .show-message-block div.between span.right { margin:0px; padding:0 20px 0 0; float:right; width:400px; font:normal 12px/22px "Trebuchet MS"; color:#000; text-align:right; } .show-message-block div.between span.right a { font:bold 12px/22px "Trebuchet MS"; color:#000; text-align:right; text-decoration:none; } .show-message-block div.between span.right a:hover { font:bold 12px/22px "Trebuchet MS"; color:#036; text-align:right; text-decoration:none; } .show-message-block div.message-between { margin:5px 0 0 0; padding:10px 0 10px 0px; float:left; width:848px; font:normal 12px/16px "Trebuchet MS"; color:#000; border-top:3px solid #f2f2f2; } .show-message-block div.message-between p { margin:0px 0 0 0; padding:5px 0 5px 0px; float:left; width:848px; font:normal 12px/22px "Trebuchet MS"; color:#000; border-bottom:1px solid #f2f2f2; } .show-message-block div.message-between p span.picture { margin:0px; padding:3px; float:left; border:1px solid #e3e3e3; width:75px; } .show-message-block div.message-between p span.sender { margin:0px 0 0 0; padding:0 10px; float:left; width:200px; } .show-message-block div.message-between p span.sender a { margin:0; padding:0px; float:left; font:bold 12px/22px "Trebuchet MS"; color:#069; text-decoration:none; } .show-message-block div.message-between p span.sender a:hover { margin:0; padding:0px; float:left; font:bold 12px/22px "Trebuchet MS"; color:#069; text-decoration:underline; } .show-message-block div.message-between p span.message { margin:0px 0 0 0; padding:0 10px; float:left; width:470px; } .show-message-block div.message-between p.send-a-message { margin:0px 0 0 0; padding:0 0 0 150px; float:left; width:470px; border:none; } .show-message-block div.message-between p.send-a-message span.warning { margin:10px 0 0 0; padding:4px; text-align:center; width:440px; border:1px solid #c00; color:#000; float:left; font:normal 11px/16px Tahoma; background:#ffc;} .show-message-block div.message-between p.send-a-message textarea { margin:10px 0 0 0; padding:4px; width:400px; height:120px; float:left; } .show-message-block div.message-between p.send-a-message input { margin:10px 0 0 0; padding:4px; float:left; } .review-edit-block { margin:10px 0 0 30px; _margin:10px 0 0 15px; padding:5px 0 20px 40px; width:768px; float:left; } .compose-text-block h4 { margin:0 10px 15px 10px; padding:7px 5px 0px 0px; float:left; width:745px; font:bold 15px/30px "Trebuchet MS"; color:#006699; border-bottom:1px solid #ddd;} .compose-text-block h5 { margin:10px 10px 10px 15px; padding:7px 5px 0px 0px; float:left; width:725px; font:bold 15px/24px "Trebuchet MS"; color:#006699; border-bottom:1px solid #f2f2f2;} .compose-text-block p { margin:0; padding:15px 5px 0px 20px; float:left; width:650px; font:normal 12px/15px "Trebuchet MS"; color:#000;} .compose-text-block p label { margin:0; padding:0 0 0 30px; float:left; width:130px; font:normal 13px/15px "Trebuchet MS"; color:#000;} .compose-text-block p b { margin:0; padding:0px; float:left; width:40px; font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#000;} .compose-text-block p span { margin:0; padding:0px; float:left; width:150px; font:normal 13px/15px "Trebuchet MS"; color:#000;} .compose-text-block p span.comments { margin:0; padding:5px 0 0 200px; float:left; width:400px; font:normal 12px/15px "Trebuchet MS"; color:#000;} .compose-text-block p input { margin:0; padding:0px; float:left; width:300px; font:normal 13px/15px "Trebuchet MS"; color:#000; height:16px;} .compose-text-block p select { margin:0; padding:0px; float:left; font:normal 13px/15px "Trebuchet MS"; color:#000; height:20px;} .compose-text-block p textarea { margin:0; padding:0px; float:left; width:300px; font:normal 13px/15px "Trebuchet MS"; color:#000; height:100px;} .compose-text-block p.btn-block { margin:0px; padding:30px 0 0 220px; width:375px; height:26px; float:left;} .compose-text-block p.btn-block input { margin:0 20px 0 0px; padding:0px; width:auto; height:auto; } .compose-text-block p.btn-block a { margin:7px 20px 0 0px; padding:0px; width:auto; height:auto; float:left;font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#000; } .compose-text-block p.btn-block a:hover { margin:7px 20px 0 0px; padding:0px; width:auto; height:auto; float:left;font:bold 13px/15px "Trebuchet MS"; text-align:center; color:#069; } /*------------------------------ [ inbox menu block] ------------------------------- */ .inbox-menu-block { margin:10px 0 5px 0px; _margin:10px 0 5px 0px; padding:0px; width:670px; height:36px; float:left; border:1px solid #e2e2e2; border-width:0 0 3px 0; } .inbox-menu-block ul { margin:0px; padding:0px; width:670px; height:36px; float:left; } .inbox-menu-block ul li { margin:0 5px 0 0px; padding:0px; height:36px; float:left; list-style:none; } .inbox-menu-block ul li.compose { margin:0; padding:0px 0px 0 285px; height:36px; float:left; list-style:none; } .inbox-menu-block ul li a { margin:0px; padding:0px 0 0 10px; height:36px; background:url(../images/compose-btn-left-bg.jpg) left bottom no-repeat; float:left; text-decoration:none; color:#000; } .inbox-menu-block ul li a b { margin:0px; padding:5px 25px 0 15px; height:31px; background:url(../images/compose-btn-right-bg.jpg) right bottom no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; } .inbox-menu-block ul li a:hover b { margin:0px; padding:5px 25px 0 15px; height:31px; background:url(../images/compose-btn-right-bg.jpg) right bottom no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; } .inbox-menu-block ul li.active a b {font-weight:bold; padding:5px 23px 0 15px; } /*-------------------------------- [ Review Ul Block ] -------------------- */ #review_form { margin:0px; padding:0px; float:left; width:750px; font-family:Arial, Helvetica, sans-serif; } #review_form h3 { margin:0px; padding:0px; width:750px; color:#069; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } .form-content { margin:20px 0 0 0; padding:0px; float:left; width:750px; } .form-content h3 { margin:0px; padding:0px; float:left; width:750px; color:#069; } #review_form p { margin:0px; padding:5px 0 0 0; float:left; width:750px;} #review_form p label {margin:5px 0 0 0px; padding:0px; width:200px; list-style:none; float:left; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; } #review_form p select {margin:5px 0 0 0px; padding:0px; width:220px; list-style:none; float:left; } #review_form p textarea {margin:5px 0 0 0px; padding:0px; width:220px; list-style:none; float:left; } .review-ul-block { margin:0px; padding:0px; width:750px;} .review-ul-block li { margin:0px 0; padding:0px; width:750px; list-style:none; clear:both; display:block;} .review-ul-block li label { margin:5px 0 0 0px; padding:0px; width:200px; list-style:none; float:left; font-size:12px; } .review-ul-block li div { margin:5px 0 0 0px; padding:0 10px 0 10px; width:240px; float:left; font-size:12px; } .review-ul-block li div span { margin:0px; padding:0px; width:240px; float:left; font-size:11px; } .review-ul-block li div span input { margin:0 2px; padding:0px; float:left; } .review-ul-block li textarea { margin:5px 0 0 0px; padding:0px; width:250px; list-style:none; float:left; } span.star-rating-control { margin:5px 0 0 0px; padding:0 10px 0 10px; width:200px; float:left; font-size:12px; } span.star-rating-control div { margin:5px 0 0 0px; padding:0px; width:20px; float:left; font-size:12px; } #review_form p.btn { margin:0px; padding:0px; width:450px; float:left;} #review_form p.btn input { margin:40px 0 0 300px; padding:0px; width:100px; float:left;} /*-------------------------------- [ Main content Right Block ] ----------------- */ #content-right-block { margin:0px; padding:8px 0px 0px 5px; width:255px; float:right; } #content-right-block img { margin:0px; padding:2px 0px; display:block;} /*-------------------------------- [ Inbox ] -------------------- */ .inbox-general-block { margin:0px; padding:0px; /*width:620px;*/ width:670px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; } .inbox-general-btn { margin:0px; padding:10px 0 0 10px; /*width:610px;*/ width:660px; height:45px; float:left; } .inbox-general-btn span { margin:0px; padding:0px; width:50px; height:22px; float:left; text-align:center; } .inbox-general-btn span a { margin:0px; padding:0px; float:left; color:#000; text-decoration:none; text-align:center;} .inbox-general-btn span a:hover { margin:0px; padding:0px; float:left; color:#666; text-decoration:none; text-align:center;} .inbox-general-btn span ul { margin:0px; padding:0px; height:40px; float:left; } .inbox-general-btn span ul li { margin:0px; padding:0 2px; height:40px; float:left; list-style:none; } .inbox-general-btn span ul li a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#E5F6FB; color:#000; text-decoration:none; } .inbox-general-btn span ul li a:hover { margin:0px; padding:0px 4px; float:left; border:1px solid #E5F6FB; background:#68BACE; color:#000; text-decoration:none; } .inbox-general-btn span ul li.active a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#C2EAF5; color:#000; text-decoration:none; } /* copy of inbox-general-sub-odd to make separate stypes for UNREAD message (inbox-general-sub-odd -> READ MESSAGES ) inbox-general-sub-unread (UNREAD MESAGES) */ .inbox-general-sub-unread { margin:0px; padding:5px; /*width:610px;*/ width:660px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:#F3F3F3; border:1px solid #CCCCCC; border-width:0 1px 1px 1px; } .inbox-general-sub-unread span.select-any { margin:0px; padding:35px 0 0 15px; width:33px; float:left; } .inbox-general-sub-unread span.select-any input { margin:0px; padding:5px 0 0 0px; float:left; } .inbox-general-sub-unread span.from { margin:0px; padding:5px 0 0 0px; width:250px; float:left; } .inbox-general-sub-unread span.from span.picture { margin:0px; padding:3px; float:left; border:1px solid #e3e3e3; } .inbox-general-sub-unread span.from label { margin:0px; padding:20px 0 0 5px; float:left; color:#000; } .inbox-general-sub-unread span.date { margin:0px; padding:5px 0 0 0px; width:125px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-unread span.activities { margin:0px; padding:5px 0 0 3px; width:167px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-unread span.activities-big { margin:0px; padding:20px 0 0 3px; width:280px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-unread span.activities-big a { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#069; text-align:left; text-decoration:underline; font-weight:bold; } .inbox-general-sub-unread span.activities-big a:hover { text-decoration:none; font-weight:bold;} .inbox-general-sub-unread span.delete { margin:0px; padding:5px 0 0 3px; width:60px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-unread span.delete input { margin:26px 0 0 27px; padding:0px; } /* end here */ /*-------------------------------- [ tabbed menu page ] -------------------- */ .tab-general-block { margin:0px; padding:0px; /*width:620px;*/ width:920px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; } .tab-general-btn { margin:0px; padding:10px 0 0 0px; /*width:610px;*/ width:920px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; } .tab-general-btn span.no-of-pages { width:590px; text-align:left;font: bold 13px/18px Arial, Helvetica, sans-serif; } .tab-general-btn span { margin:0px; padding:0px; width:50px; height:20px; float:left; text-align:center; } .tab-general-btn span a { margin:0px; padding:0px; float:left; color:#000; text-decoration:none; text-align:center;} .tab-general-btn span a:hover { margin:0px; padding:0px; float:left; color:#666; text-decoration:none; text-align:center;} .tab-general-btn span ul { margin:0px; padding:0px; height:20px; float:left; } .tab-general-btn span ul li { margin:0px; padding:0 2px; height:20px; float:left; list-style:none; } .tab-general-btn span ul li a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#E5F6FB; color:#000; text-decoration:none; } .tab-general-btn span ul li a:hover { margin:0px; padding:0px 4px; float:left; border:1px solid #E5F6FB; background:#68BACE; color:#000; text-decoration:none; } .tab-general-btn span ul li.active a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#C2EAF5; color:#000; text-decoration:none; } /*-------------------------------- [ Search result page ] -------------------- */ .general-search-result-block { margin:0px; padding:20px 0 0 230px; /*width:620px;*/ width:710px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; border-top:1px solid #ccc; } .general-search-btn { margin:0px; padding:10px 0 0 10px; /*width:610px;*/ width:660px; height:30px; float:left; } .general-search-btn span { margin:0px; padding:0px; width:50px; height:40px; float:left; text-align:center; } .general-search-btn span a { margin:0px; padding:0px; float:left; color:#000; text-decoration:none; text-align:center;} .general-search-btn span a:hover { margin:0px; padding:0px; float:left; color:#666; text-decoration:none; text-align:center;} .general-search-btn span ul { margin:0px; padding:0px; height:40px; float:left; } .general-search-btn span ul li { margin:0px; padding:0 2px; height:40px; float:left; list-style:none; } .general-search-btn span ul li a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#E5F6FB; color:#000; text-decoration:none; } .general-search-btn span ul li a:hover { margin:0px; padding:0px 4px; float:left; border:1px solid #E5F6FB; background:#68BACE; color:#000; text-decoration:none; } .general-search-btn span ul li.active a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#C2EAF5; color:#000; text-decoration:none; } .inbox-general-head { margin:0px; padding:0px;/* width:620px;*/ width:670px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#000; background:#FDD54A; border:1px solid #CCCCCC;} .inbox-general-head h4 { font:bold 12px/18px Arial, Helvetica, sans-serif;} .inbox-general-head h4.select-any { margin:0px; padding:6px 0 0 3px; width:45px; float:left; height:26px; border-right:1px solid #FEE48D; text-align:center; } .inbox-general-head h4.select-any input { margin:0px; padding:0px; float:left; } .inbox-general-head h4.from { margin:0px; padding:6px 0 0 0; width:250px; float:left; height:26px; border-right:1px solid #FEE48D; text-align:center; } .inbox-general-head h4.date { margin:0px; padding:6px 0 0 0; width:125px; float:left; height:26px; border-right:1px solid #FEE48D; text-align:center; } .inbox-general-head h4.activities { margin:0px; padding:6px 0 0 0; width:175px; height:26px; float:left; text-align:center; border-right:1px solid #FEE48D; } .inbox-general-head h4.activities-big { margin:0px; padding:6px 0 0 0; width:300px; height:26px; float:left; text-align:center; border-right:1px solid #FEE48D; } .inbox-general-head h4.delete { margin:0px; padding:6px 0 0 0; width:60px; height:26px; float:left; text-align:center; } .inbox-general-sub-odd { margin:0px; padding:5px; /*width:610px;*/ width:660px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:#fff; border:1px solid #CCCCCC; border-width:0 1px 1px 1px; } .inbox-general-sub-odd span.select-any { margin:0px; padding:35px 0 0 15px; width:33px; float:left; } .inbox-general-sub-odd span.select-any input { margin:0px; padding:5px 0 0 0px; float:left; } .inbox-general-sub-odd span.from { margin:0px; padding:5px 0 0 0px; width:250px; float:left; } .inbox-general-sub-odd span.from span.picture { margin:0px; padding:3px; float:left; border:1px solid #e3e3e3; } .inbox-general-sub-odd span.from label { margin:0px; padding:20px 0 0 5px; float:left; color:#000; } .inbox-general-sub-odd span.date { margin:0px; padding:5px 0 0 0px; width:125px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-odd span.activities { margin:0px; padding:5px 0 0 3px; width:167px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-odd span.activities-big { margin:0px; padding:20px 0 0 3px; width:280px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-odd span.activities-big a { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#069; text-align:left; text-decoration:underline; } .inbox-general-sub-odd span.activities-big a:hover { text-decoration:none; } .inbox-general-sub-odd span.delete { margin:0px; padding:5px 0 0 3px; width:60px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-odd span.delete input { margin:26px 0 0 27px; padding:0px; } .inbox-general-sub-even { margin:0px; padding:5px;/* width:610px;*/ width:660px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:#fff; border:1px solid #666; border-width:0 1px 1px 1px; } .inbox-general-sub-even span.select-any { margin:0px; padding:5px 0 0 5px; width:30px; float:left; } .inbox-general-sub-even span.select-any input { margin:0px; padding:5px 0 0 0px; float:left; } .inbox-general-sub-even span.from { margin:0px; padding:5px 0 0 0px; width:280px; float:left; } .inbox-general-sub-odd span.from a, .inbox-general-sub-even span.from a { text-decoration:none; color:#000; } .inbox-general-sub-even span.from span.picture { margin:0px; padding:3px; float:left; border:1px solid #666666; } .inbox-general-sub-even span.from label { margin:0px; padding:0px 0 0 5px; float:left; color:#000; } .inbox-general-sub-odd span.from label a, .inbox-general-sub-even span.from label a {text-decoration:none; color:#000; } .inbox-general-sub-even span.date { margin:0px; padding:5px 0 0 0px; width:125px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-odd span.date a, .inbox-general-sub-even span.date a {text-decoration:none; color:#000; } .inbox-general-sub-even span.activities { margin:0px; padding:5px 0 0 3px; width:167px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .inbox-general-sub-odd span.activities a, .inbox-general-sub-even span.activities a {text-decoration:underline; color:#069; } /*-------------------------------- [ Search result page ] -------------------- */ .search-result-head { margin:0 0 15px 0; padding:15px 0 0 0px; width:100%; float:left; text-align:left; color:#069; border-bottom:1px solid #f2f2f2;} #search-left-block { margin:0px; padding:8px 0px 0px 0px; width:260px; float:left; } #search-left-block a { padding:0px; font-size:0.9em; } .search-input-fields { margin:0px; padding:0px; width:255px; float:left; background: url(../images/search-box-top-bg.jpg) left top no-repeat #9ED158;} .search-input-fields h4 { margin:0px; padding:25px 0 0 15px; width:240px; float:left; font:normal; color:#4C4646; } .search-input-fields p { margin:0px; padding:5px 0 0 15px; width:240px; float:left; } .search-input-fields p span { margin:0px; padding:0px 0 0 15px; width:180px; float:left; font:bold 11px/20px Tahoma; color:#fff; text-align:center; } .search-input-fields p img { margin:0px; padding:0 0 0 85px; float:left; } .search-input-fields label { margin:0px; padding:10px 0 0 2px; float:left; color:#4C4646; } /* .search-input-fileds fieldset.top-fields { margin:0px; padding:20px 0 0 25px; width:225px; float:left; font:bold 12px/20px "Trebuchet MS"; color:#000; } .search-input-fileds fieldset.top-fields label { margin:3px 0px; padding:0px; width:200px; float:left; font:bold 12px/20px "Trebuchet MS"; color:#000; } .search-input-fileds fieldset.top-fields input { margin:3px 0; padding:0px; width:200px; float:left;/* font:bold 12px/20px "Trebuchet MS";*/ color:#000; } .search-input-fileds fieldset.top-fields select { margin:3px 0; padding:0px; width:200px; float:left;/* font:bold 12px/20px "Trebuchet MS";*/ color:#000; } */ .search-input-fileds fieldset.fields-btn { float:left; } .search-input-fileds fieldset.fields-btn a { margin:3px 0; padding:0px; width:50px; height:29px; float:left; color:#fff; font:normal; } .search-input-fileds fieldset.fields-btn input { margin:3px 0 0 30px; padding:0px; width:90px; height:29px; float:left;/* font:bold 12px/20px "Trebuchet MS";*/ color:#000; } .search-input-bottom-bg { margin:0px; padding:0px; width:255px; height:61px; float:left; background: url(../images/search-box-bottom-bg.jpg) left bottom no-repeat #9ED158;} .mem-search-input-bottom-bg { margin:0px; padding:0px; width:255px; height:74px; float:left; background: url(../images/mem-search-box-bottom-bg.jpg) left bottom no-repeat #9ED158;} .top-bottom-border { margin:0px; padding:0px; width:672px; height:10px; float: left; border:1px solid #fff; border-width:3px 0 1px 0; border-color:#A2D35F #fff #ccc #fff; } #search-right-block { margin:0px; padding:8px 8px 0px 12px; width:680px; float:left; background:#fff; } /*-------------------------------- [ Search result right coulumn page ] -------------------- */ .search-result-block { margin:0px; padding:0px; /*width:620px;*/ width:660px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; } .search-result-block p.loding-page { margin:20px; padding:60px 0 60px 200px; /*width:620px;*/ width:400px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; border:1px solid #f2f2f2;} .search-result-block p.loding-page span { margin:0px; padding:0 0 5px 0; /*width:620px;*/ width:220px; float:left; font:normal 11px/18px Tahoma; text-align:center; } p.loding-page { margin:20px; padding:60px 0 60px 200px; /*width:620px;*/ width:400px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; border:1px solid #f2f2f2;} p.loding-page span { margin:0px; padding:0 0 5px 0; /*width:620px;*/ width:220px; float:left; font:normal 11px/18px Tahoma; text-align:center; } .search-result-btn { margin:0px; padding:10px 0 0 10px; /*width:610px;*/ width:660px; height:30px; float:left; } .search-result-btn span { margin:0px; padding:0 6px; height:40px; float:left; text-align:center; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#000; } .search-result-btn span a { margin:0px; padding:0px; float:left; color:#000; text-decoration:none; text-align:center;} .search-result-btn span a:hover { margin:0px; padding:0px; float:left; color:#666; text-decoration:none; text-align:center;} .search-result-btn span ul { margin:0px; padding:0px; height:40px; float:left; } .search-result-btn span ul li { margin:0px; padding:0 2px; height:40px; float:left; list-style:none; } .search-result-btn span ul li a { margin:0px; padding:0px 4px; float:left; border:1px solid #85C034; background:#AFDA76; color:#000; text-decoration:none; } .search-result-btn span ul li a:hover { margin:0px; padding:0px 4px; float:left; border:1px solid #85C034; background:#CDE8A8; color:#000; text-decoration:none; } .search-result-btn span ul li.active a { margin:0px; padding:0px 4px; float:left; border:1px solid #68BACE; background:#85C034; color:#fff; text-decoration:none; } .search-result-block { margin:0px; padding:5px; /*width:610px;*/ width:670px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:#fff; } .search-result-block span.ship { margin:0px; padding:0px; width:100px; float:left; } .search-result-block span.ship img { margin:0px; padding:3px; border:1px solid #ccc; float:left; } .search-result-block span.cruiser { margin:0px; padding:0px; width:100px; float:left; text-align:center; color:#069; } .search-result-block span.cruiser label { margin:0px; padding:5px 0 0 0px; width:100px; float:left; text-align:left; color:#069; } .search-result-block span.cruiser label a { color:#069; text-decoration:none; } .search-result-block span.cruiser img { margin:0px; padding:3px; border:1px solid #ccc; float:left; } .search-result-block span.details { margin:0px; padding:5px 0 0 0px; width:325px; float:left;} .search-result-block span.details p { margin:0px; padding:0px 0 0 5px; float:left; width:325px; color:#000; font:normal 11px/18px Tahoma; color:#000; } .search-result-block span.details p label { margin:0px; padding:0px 0 0 0px; float:left; width:90px; color:#000; font:normal 11px/18px Tahoma; color:#000; } .search-result-block span.details p span { margin:0px; padding:0px; float:left; text-align:left; } .search-result-block span.details p span a { font-weight:normal; color:#069; text-decoration:none; font-size:11px; line-height:16px;} .search-result-block span.details p span a:hover { font-weight:normal; color:#069; text-decoration:underline;} .search-result-block span.details p span b { margin:0px; padding:0px; float:left; width:10px; text-align:left; } .search-result-block span.details p b { margin:0px; padding:0px; float:left; width:10px; text-align:left; } .search-result-block span.details p span img { margin:3px 2px 0 0px; padding:0px; float:left; } .search-result-block span.mem-details { margin:0px; padding:5px 0 0 0px; width:220px; float:left; } .search-result-block span.mem-details p { margin:0px; padding:0px 0 0 5px; float:left; width:215px; color:#000; font:bold 11px/18px Tahoma; color:#000; } .search-result-block span.mem-details p label { margin:0px; padding:0px 0 0 0px; float:left; width:60px; color:#000; font:normal 11px/18px Tahoma; color:#000; } .search-result-block span.mem-details p span { margin:0px; padding:0px; float:left; width:150px; } .search-result-block span.summery { margin:0px; padding:5px 0 0 0px; width:200px; float:left; } .search-result-block span.summery p { margin:0px; padding:0px 0 0 5px; float:left; width:195px; font:normal 11px/18px Tahoma; color:#000; } .search-result-block span.summery p a { margin:0px; padding:0px 2px 0 2px; font:bold 11px/18px Tahoma; color:#000; } .search-result-block span.summery p a:hover { color:#069; } .search-result-block span.summery p label { margin:0px; padding:0px 0 0 0px; float:left; width:60px; font:normal 11px/18px Tahoma; color:#000; } .search-result-block span.summery p span { margin:0px; padding:0px; float:left; width:180px; } .search-result-block span.name { margin:0px; padding:5px 0 0 0px; width:140px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .search-result-block span.name a { margin:0px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; text-decoration:none; } .search-result-block span.name a:hover { color:#069; } .search-result-block span.picture { margin:0px; padding:5px 0 0 0px; width:220px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .search-result-block span.duration { margin:0px; padding:5px 0 0 3px; width:120px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:center; } .search-result-block span.select-btn { margin:0px; padding:5px 10px 0 5px; width:50px; float:right; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left; } .search-result-block span.select-btn input { margin:15px 0 0 2px; padding:0px; } .destinations { margin:0px; padding:10px 10px 0 5px; width:640px; float:left; color:#000; font:normal 12px/20px Arial, Helvetica, sans-serif;} .destinations label { margin:0px; padding:0px 0 0 0px; float:left; width:90px; color:#000; font:normal 11px/18px Tahoma; color:#000; } .destinations b { margin:0px; padding:0px; float:left; width:10px; text-align:left; } .destinations span { margin:0px; padding:0px 0 0 0px; float:left; width:530px; color:#000; font:normal 11px/18px Tahoma; color:#000; } /*-------------------------------- [ Review Search result Full single coulumn page ] -------------------- */ .review-search-result { margin:0px; padding:0 0 10px 0px; /*width:610px;*/ width:940px; float:left; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; border:1px solid #CCCCCC; border-width:0 0px 1px 0px; } .review-search-result p { font:normal 12px/18px;} .review-search-result span.from { margin:0px; padding:5px 0 0 0px; width:250px; float:left; } .review-search-result div.picture { margin:20px 0 0 0px; padding:3px; float:left; } .review-search-result div.shippicture { margin:20px 0 0 0px; padding:3px; float:left; } .review-search-result div.shippicture img { margin:20px 0 0 0px; padding:3px; float:left;border:1px solid #e3e3e3;} .review-search-result div.details { margin:0px; padding:5px 0 0 0px; width:260px; float:left; } .review-search-result div.details p { margin:0px; padding:0px 0 0 5px; float:left; width:260px; color:#000; font:normal 12px/18px Tahoma; color:#000; } .review-search-result div.details p label { margin:0px; padding:5px 0 0 0px; float:left; width:95px; color:#000; font:normal 12px/18px Tahoma; color:#000; } .review-search-result div.details p span { margin:0px; padding:5px 0 0 0px; float:left; width:145px; } .review-search-result div.details p span a { color:#069; text-decoration:underline;} .review-search-result div.details p span a:hover { color:#069; text-decoration:none;} .review-search-result div.details p span b { margin:0px; padding:0px; float:left; width:10px; text-align:left; } .review-search-result div.review-details { margin:0px; padding:5px 0 0 0px; width:460px; float:left; font:normal 11px/18px; float:right; } .review-search-result div.review-details p { margin:0px; padding:0px 0 0 5px; float:left; width:460px; color:#000; font:normal 11px/18px ; color:#000; } .review-search-result div.review-details p label { margin:0px; padding:5px 0 0 0px; float:left; width:95px; color:#000; font:normal 11px/18px ; color:#000; } .review-search-result div.review-details p span { margin:0px; padding:5px 0 0 0px; float:left; width:345px; font:normal 11px/18px ;} .review-search-result div.review-details p span a { color:#069; text-decoration:underline;} .review-search-result div.review-details p span a:hover { color:#069; text-decoration:none;} .review-search-result div.review-details p span b { margin:0px; padding:0px; float:left; width:10px; text-align:left; } .review-search-result div.review-details p b { margin:0px; padding:4px 0 0 0px; float:left; width:10px; text-align:left; font:normal 11px/18px ; } .review-search-result div.details-small { margin:0px; padding:5px 0 0 0px; width:235px; float:left; } .review-search-result div.details-small p { margin:0px; padding:0px 0 0 5px; float:left; width:235px; color:#000; font:normal 12px/18px Tahoma; color:#000; } .review-search-result div.details-small p label { margin:0px; padding:5px 0 0 5px; float:left; width:65px; color:#000; font:normal 12px/18px Tahoma; color:#000; } .review-search-result div.details-small p span { margin:0px; padding:5px 0 0 0px; float:left; width:150px; } .review-search-result div.details-small p span b { margin:0px; padding:0px; float:left; width:10px; text-align:left; } .review-search-result div.float-right { float:right; margin:0 0px 5px 5px;} #review-toggle-menu { margin:0px; padding:15px 0 0 0px; width:940px; height:30px; float:left; } #review-toggle-menu ul { margin:0px; padding:0px; float:left; } #review-toggle-menu li { margin:0 2px 0 0; padding:0; float:left; background:#4488FF; list-style:none;} #review-toggle-menu li a { margin:0; padding:5px 15px; float:left; height:20px; background:#4488FF; list-style:none; text-decoration:none; color:#fff; font:bold 13px/25px Arial, Helvetica, sans-serif;} #review-toggle-menu li a:hover { color:#fff; } #review-toggle-menu li.active a { background:#BBDDFF; color:#000; } .review-bottom-values { margin:0px; padding:0px; width:930px; float:left; border:1px solid #BBDDFF; border-width:0px 1px 1px 1px;} .review-bottom-values-cruisetitle { margin:0px; padding:0px; width:630px; float:left; border:1px solid #BBDDFF; border-width:0px 0px 0px 0px;} .review-top-buttons { margin:0px; padding:15px 0 0 0; width:940px; float:left; } .review-top-buttons input { } .review-result-stars { margin:0px; padding:20px 0 10px 15px; float:left; width:915px; list-style:none; text-decoration:none; color:#000; font:normal 13px/25px Arial, Helvetica, sans-serif; border-bottom:2px solid #069;} .review-result-stars span.page-count { margin:0px; padding:0px; width:400px; float:left;} .review-result-stars span.pagnation { margin:0px; padding:0 10px 0 0; width:400px; float:right; text-align:right;} .review-result-stars span.pagnation a { margin:0px; padding:0 2px; text-decoration:none; font-weight:bold; color:#069; text-align:center;} .review-result-stars span.pagnation a:hover { text-decoration:underline; } .myCruises { margin:0 0 10px 0px; padding:20px 0 5px 0px; float:left; width:940px; list-style:none; text-decoration:none; color:#000; font:normal 13px/25px Arial, Helvetica, sans-serif; border-bottom:2px solid #069;} .myCruises span.page-count { margin:0px; padding:0px; width:400px; float:left;} .myCruises span.pagnation { margin:0px; padding:0 10px 0 0; width:400px; float:right; text-align:right;} .myCruises span.pagnation a { margin:0px; padding:0 2px; text-decoration:none; font-weight:bold; color:#069; text-align:center;} .myCruises span.pagnation a:hover { text-decoration:underline; } .review-result-individual-block { margin:0px; padding:10px 0 0 0; width:930px; float:left; border-bottom:1px solid #e2e2e2;} .review-result-individual-block div.picture { margin:0px; padding:0 10px 10px 20px; width:100px; float:left; } .review-result-individual-block div.picture img { margin:0px; padding:3px; float:left;border:1px solid #e3e3e3;} .review-result-individual-block div.picture label { margin:0px; padding:0px; width:100px; float:left;color:#000; font-weight:bold; font-size:11px; font-family:Tahoma; text-align:left;} .review-result-individual-block div.picture label a { margin:0px; padding:0px; width:140px; float:left; text-decoration:none; color:#000; font-weight:bold;} .meet-cruisers-block { margin:0px; padding:10px 0 0 0; width:930px; float:left; border:1px solid #e2e2e2;} .meet-cruisers-block div.picture { margin:0px; padding:0 10px 10px 20px; width:300px; float:right; border: solid grey } .meet-cruisers-block div.picture img { margin:0px; padding:3px; float:left;border:1px solid #e3e3e3;} .meet-cruisers-block-cruisetitle { margin:0px; padding:10px 0 0 0; width:630px; float:left;} .meet-cruisers-block-cruisetitle div.picture { margin:0px; padding:0 10px 10px 20px; width:300px; float:right; border: solid grey } .meet-cruisers-block-cruisetitle div.picture img { margin:0px; padding:3px; float:left;border:1px solid #e3e3e3;} .review-result-individual-block div.starRating { width:600px; float:left;} .review-result-individual-block span.starRating-text-b { margin:0px; padding:10px 0 0 0; width:770px; float:left; font:bold 11px/20px Tahoma; } .review-result-individual-block span.starRating-text { margin:0px; padding:10px 0 0 0; width:770px; float:left; font:normal 11px/20px Tahoma; } .comments { margin:0px; padding:0 0 0 200px; float:left; font:normal 11px/20px Tahoma; } #reset_error_message p, #login_error_message p { margin:10px 0 0 60px; padding:4px; text-align:center; width:600px; border:1px solid #c00; color:#333; float:left; font-size:1.2em; background:#ffc;} /*-------------------------------- Dashboard Error Message style -------------------- */ .error_message { margin:10px 0 0 60px; padding:4px; text-align:center; width:665px; border:1px solid #c00; color:#000; float:left; font:normal 11px/16px Tahoma; background:#ffc;} .success_message { margin:10px 0 0 0px; padding:0 5px 5px 5px; width:665px; float:left; background:#F4F4F4; border:1px solid #E0E0E0; font:normal 12px/15px "Trebuchet MS"; color:#000;} /* show warning message on settings.php */ .settings_warning {margin:0px; padding:5px; width:665px; float:left; border:1px solid #c00; color:#000; float:left;font:normal 12px/15px "Trebuchet MS"; background:#ffc;} .dashboard-text-msg { width:450px; text-align:justify;} a.reset_form { margin:15px; padding:10px; font-size:0.8em; color:#303030; float:right; } /* compose page */ p.compose-loding-page { margin:20px; padding:0px 0 0px 200px; /*width:620px;*/ width:400px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; border:1px solid #f2f2f2;} p.compose-loding-page span { margin:0px; padding:0 0 5px 0; /*width:620px;*/ width:220px; float:left; font:normal 11px/18px Tahoma; text-align:center; } .compose_success {margin:20px; height:30px; padding-top:15px; padding-left:200px; width:400px; background:#F4F4F4; border:1px solid #E0E0E0; font:normal 12px/15px "Trebuchet MS"; color:#000;} .compose_warning {margin:20px; padding:0px 5px 5px 200px; width:400px; border:1px solid #c00; color:#000; float:left;font:normal 12px/15px "Trebuchet MS"; background:#ffc;} /* addcruise.php */ .addcruise_error { margin:10px 0 0 60px; padding:10px 5px 5px 5px; text-align:center; width:665px; border:1px solid #c00; color:#000; float:left; font:normal 11px/16px Tahoma; background:#ffc;} .addcruise_success { margin:10px 0 0 0px; padding:10px 5px 5px 5px; width:665px; float:left; background:#F4F4F4; border:1px solid #E0E0E0; font:normal 12px/15px "Trebuchet MS"; color:#000;} /* popular cruises */ .popular_cruises { padding:0px; margin:4px 2px 2px 0px; border:solid #ccc; float:left; } .popular_cruises a { font-size:10px; font:normal; text-align:left; text-decoration:none; } .D_photoGroup { float: left; margin:0; margin-bottom: 0px; position: relative; color: #fff; } .D_photoGroup a.D_photoGroup_link { display: block; width: 184px; height: 130px; color: #fff; } .D_photoGroup span{ display: block } .D_photoGroup .D_photoGroup_bkg { height: 55px; width: 184px; /*left: 5px;*/ bottom: 0px; left:0px; position: absolute; z-index: 1; background-color: #111; opacity:.65; filter: alpha(opacity=65); -moz-opacity: 0.65; } .D_photoGroup .D_photoGroup_caption { height: 55px; width: 184px; /*left: 5px;*/ bottom: 0px; left:0px; position: absolute; z-index: 2; overflow: hidden; vertical-align:bottom; } .D_photoGroup .D_photoGroup_caption .D_photoGroup_caption_body { padding: 4px 5px; } .D_photoGroup .D_photoGroup_caption .D_photoGroup_name, .D_photoGroup .D_photoGroup_caption .D_photoGroup_name a { color: #eee; font-weight: bold; } .D_photoGroup .D_photoGroup_caption .D_photoGroup_location { color: #fff; /*font-size: 7px; */ text-decoration: none!important; } .D_photoGroup .D_photoGroup_caption .D_photoGroup_lastMeetup { color: #ccc; /*font-size: 7px; */ margin-top: .15em; text-decoration: none!important; } /* About Us page and Cruise News page */ .profile_image img { margin:0px; padding:0px 5px 0px 0px; float:left;} .right_column { margin:0px 0px 0px 20px; padding:10px 0px 0px 10px; float:left; width:240px; font:normal 15px/30px; color:#000; } .right_column img { padding:0px 0px 0px 0px; vertical-align:middle; } .right_column h2 { margin:0 0 10px 0; padding:0px; width:100%; float:left; text-align:left; font:normal 22px/30px; color:#069; border-bottom:1px solid #f2f2f2;} .right_column p { float:left; display:block; padding:5px 0px; font-size:85%; } /******************* All Cruise Lines and Ships Page ********************/ #cruiselines h2 { color:orange; border-bottom:solid 1px gray; margin-top:10px; } div#cruiselines-left { float: left; border-right: 1px solid #ddd; padding-right: 2%; width: 190px; } div#cruiselines-left ul li { padding-left: 5px; } div#cruiselines-center { float: left; border-right: 1px solid #ddd; padding-right: 2px; width: 490px; } div#cruiselines-center-myship { float: right; border-right: 1px solid #ddd; padding-right: 2px; width: 740px; } div#cruiselines-center ul li { padding-left: 5px; } div#cruiselines-right { float: right; padding-left: 1px; width: 250px; } div#cruiselines-right ul li { padding:2px 0 5px 5px; } div#cruiselines-right img { vertical-align:middle; } div#cruiselines-right .why { float:left; background-color:#ccc; color:#000066; margin:15px 10px 25px 0; padding:10px; } div#cruiselines-right .why ul li { font-weight:normal; font-style:oblique; line-height:1.5em; margin:5px 0 0 10px; } div#cruiselines-right .contact { float:left; margin:10px 2px 30px 2px; } /****************** Cruise Lines & Ships Page Styles ********************/ div#content { float: left; border-right: 1px solid #ddd; padding-right: 2%; width: 66%; min-height: 800px; } #content a { text-decoration: none; } #content a:hover { text-decoration: underline; } #content a:link, #content a:visited { color:blue;} div#content h2 { margin-bottom: 5px; margin-top:10px; padding-bottom: 3px; border-bottom: 1px solid #ddd; color: orange; } div#content span { font-family: helvetica neue, helvetica, sans serif; font-size: 0.9em; color: #666; display:block; margin-top:10px; } div#content .breadcrumbs { } div#content .breadcrumbs span { color:#666; display:inline; font-size:1em; } div#content p { margin: 6px 0 10px 0; } div#content div#about img { float:left; margin: 10px 15px 10px 0; border-top: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #aaa; border-left: 1px solid #ddd; padding: 6px; } div#content div#about { margin:0 0 20px 5px; background-color:#F0F0F0; color:#333; line-height:1.6em; } div#content .readwiki { color:#666; font-family:helvetica neue, helvetica, sans serif; } div#content div#story { margin:5px 0 10px 5px; } div#content .readmore { color:#666; font-family:helvetica neue, helvetica, sans serif; font-size:0.8em; text-transform:uppercase; border-bottom:1px solid #ccc; padding: 5px 0 10px 0; display:block; } div#content div#story p { color:#333; line-height:1.2em; font-size:0.9em; display:inline; } div#content .title { font-family:helvetica neue, helvetica, sans serif; color:#000066; font-size:1.1em; display:block; } /* SIDEBAR ---------------------------------------------------------- */ #sidebar a:link, #sidebar a:visited { color:blue;} #sidebar a:hover { text-decoration:underline;} div#sidebar { float: right; padding-left: 10px; width: 29%; } div#sidebar h4 { padding-top:5px; clear:both; } div#sidebar div#fb-like { width:270px; float:left; height:80px; border:none; padding:0px; margin:0 0 5px 0px; } div#sidebar div#photo-sidebar { margin-bottom:20px; } div#sidebar div#video-sidebar { display:block; margin-bottom: 10px; border-bottom:1px solid #ccc; } div#sidebar div#video-sidebar img { float: left; padding: 5px; height: 90px; width: 120px; margin-bottom: 10px; } div#sidebar div#video-sidebar a { font-family:helvetica neue, helvetica, sans serif; color:#000066; font-size:1.0em; } div#sidebar div#twitter-sidebar { display:block; } div#sidebar div#twitter-sidebar ul li { border-bottom:1px solid #ccc; font-size: 0.9em; color: #3a3a3a; margin: 0 0 10px 0; line-height: 1.3; min-height:75px; max-width:270px; } div#sidebar #twitter-sidebar .name { font-weight:normal; color:#ff6600; } div#sidebar #twitter-sidebar img { vertical-align: top; padding: 0 5px 3px 0; display: block; float: left; width: 75; height: 35; } /* Photo Gallery used on the Cruiseline Page */ .jqGSContainer{position:relative;width:750px;} .jqGSContainer .jqGSImgContainer{} .jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;} .jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;} .jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;} .jqGSContainer .jqGSImgContainer ul li img{border:1px solid #fff;} .jqGSContainer .jqGSImgContainer ul li .jqGSTitle{position:absolute;left:0px;top:0px; padding:3px;color:#fff;width:300px} .jqGSPagination { height:20px;} .jqGSPagination ul{list-style:none;float:left;} .jqGSPagination ul li {text-align:center; padding-bottom:1px; display: inline;width:20px; } .jqGSPagination ul li a{padding:2px 0px;background:#000;border:1px solid #fff; color: #fff;text-decoration:none;width:20px;font:10px Verdana, Arial, Helvetica, sans-serif;} .jqGSPagination ul li a.selected{background:#fff;color:#f03;border: 1px solid #eaeaea;} .jqGSPagination ul li a:hover{background:#fff;color:#000;border:1px solid #fff;} .jqGSImgContainer{border:1px solid #000;} /******************************* Join-Cruise Page ***************/ div#join-main { float: left; padding-right: 5px; width: 620px; } div#join-main .steps { margin-bottom:20px; } #the-cruise { float:left; margin-top:15px; padding-top:5px; width:600px; display:inline; position:relative; } #join-cruise-pic { width:170px; } .cruiselogo img { float:left; } .shippicture img{ width:150px; height:100px; margin-top:10px; } #cruise-links { width:150px; font-size:0.9em; text-align:middle; margin:5px 0 2px 5px; line-height:1.4em; margin-bottom:10px; } #cruise-links a:link, #cruise-links a:visited { color:blue;} #cruise-links a:hover { text-decoration:underline; } #cruise-details { width:360px; margin-left:200px; padding:0px; position:absolute; top:0px; height:15em; line-height:1.5em; } #cruise-details label { color:#666; } #cruise-details h2 { color:orange; margin:0px; } #cruise-details span { color:orange; font-weight:bold; margin-left:5px; } div#join-sidebar { float: right; padding-left: 10px; width: 280px; } #join-ad { float:right; width:300px; height:50px; text-align:center; font-size:0.9em; color:#666; line-height:1.4em; margin-bottom:10px; } #share { border:solid 1px #ccc; float:right; width:150px; height:100px; text-align:center; margin-right:75px; margin-bottom:10px; vertical-align:text-bottom; } #share .fshare { padding:5px; margin-left:10px; } #share .tshare { padding:5px; float:right; margin-right:10px; } #cruise-actions { float:right; margin:10px 0 10px 0; padding:0 5px 10px 0; width:300px; text-align:center; font-size:0.9em; color:#666; line-height:1.4em; background-color:#CFECEC; } #cruise-actions p { text-align:center; margin-top:15px; color:#666; font-weight:bold; } #cruise-actions .green.awesome { margin-top:5px; } #cruise-actions ul li a:hover { text-decoration:underline; } #cruise-actions ul li a:link, #cruise-actions ul li a:visited { color:blue;} #cruise_stats { float:right; width:300px; margin:10px 5px 10px 0; color:white; font-weight:bold; font-size:0.9em; line-height:1.7em; } #cruise_stats #countdown { width:130px; background-color:#666; margin-right:5px; padding:10px 5px; text-align:center; height:60px; } #cruise_stats #total { width: 130px; background-color:#666; padding:10px 5px; text-align:center; height:60px; position:relative; top:-80px; float:right; } #cruise_stats span { font-weight:bold; font-size:2.5em; } #post-msg { float:left; width:620px; background-color:#CFECEC; margin-top:10px; } #post-msg label { width:500px; } #post-msg .blue.awesome { margin-top:10px; left:400px; } #post-msg textarea { font-size:1.2em; padding:5px; } /******************************* Cruise News Page ***************/ .news-block { margin:0px; padding:0px; float:left; } .news-block h4 { margin:0px; padding:0px ; border-bottom:solid #ccc; } .news-block h5 a { margin:0px; padding:0 0 0 3px ; color:blue; } .news-block h6 a { margin-top:20px; padding:10px 0 0 3px; color:#6699CC; } .news-block p { font-size:1em; margin:0px; padding:0 0 20px 3px; } .blog-posts { margin:0px ; padding:0px; } .blog-posts ul { list-style:none; } .blog-posts ul li { margin:0px ; padding:0 0 10px 0; } /* FAQ page */ .faq-text {margin:0px; padding:5px; color:#333333; line-height:170%; } .faq-text h4 {margin-top:20px; padding:0px; color:#333333; } .faq-text ul { margin:0px; padding-left:25px; } .faq-text div.answer { margin:0px; padding-left:10px; } .faq-text h5 {margin-top:25px; padding:0px; } .faq-text img {margin:0px; padding:10px 0 10px 50px; } /* Feedback button on all pages */ #feedback a{ display:block; position:fixed; top:380px; right:-1px; background:#333; padding:7px 5px; border:4px solid #fff; } #feedback a:hover{background:#030;border:4px solid #fff;} /** Member Since Text on Dashboard **/ .membersince{ color:#000000; float:left; text-align:left; font-family:"Trebuchet MS"; font-size:12px; padding-left:0px; padding-top:10px; } /** Member Since Text on Dashboard >> Ends here. **/ /** Invite Friends and Add To Cruise History Links on Dashboard **/ .right_invite_links a{ padding-right:5px; text-decoration:none; color:blue; } .right_invite_links a:hover{ padding-right:5px; text-decoration:underline; color:blue; } .right_invite_links a:active{ padding-right:5px; text-decoration:underline; color:blue; } .right_invite_links a:visited{ padding-right:5px; text-decoration:underline; color:blue; } /** Invite Friends and Add To Cruise History Links on Dashboard >> Ends here. **/.SuggestFramework_List { border: 1px solid #CCCCCC; border-top: 0; } .SuggestFramework_Heading { padding: 0 1px 0 1px; background-color: #CCCCCC; color: #FFFFFF; font-weight: bold; } .SuggestFramework_Highlighted { padding: 0 1px 0 1px; background-color: Highlight; color: HighlightText; } .SuggestFramework_Normal { padding: 0 1px 0 1px; background-color: #e6e6bf; color: #000000; } .SuggestFramework_Combo { width: 100%; margin: 0; padding: 0; } /* Font Size and align of the Text. */ .boxy-wrapper { font-size:12px; text-align:left; } /* Text area properties of the Feedback Form */ .boxy-wrapper textarea{ height:100px; width:300px; } .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } /* Modal */ .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; width:200px;height:300px;} /* Border */ .boxy-wrapper { empty-cells: show; } .boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); } .boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } .boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } /* Title bar */ .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; } .boxy-wrapper .title-bar.dragging { cursor: move; } .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; } .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; } /* Content Region */ .boxy-inner { background-color: white; padding: 0 } .boxy-content { padding: 15px; } /* Question Boxes */ .boxy-wrapper .question { width: 350px; min-height: 80px; } .boxy-wrapper .answers { text-align: right; }