/* ******************* TEMPLATE.CSS ****************/
body { background-color: #f6f6f6; background-repeat: repeat; font-family: Verdana; font-size: 8pt; line-height: 18px; }
table { width: 100%; }
th { white-space: nowrap; }
strong { font-weight: bold; }
a { color: #c00; cursor: pointer; text-decoration: underline; }
a:hover { color: red; }
.clearboth { clear: both; float: left; width: 0px; height: 0px; }

tr.pager table { width: auto; }
tr.pager table td { padding: 0 .5em; }

.main-header { height: 109px; width: 995px; background-color: White; margin: 0 auto; display: block; }
.main-header .logo a { padding: 20px; float: left; display: block; }
.main-header .user-state { width: 140px; height: 100px; float: right; padding: 10px 0 0 5px; }
.main-header .user-state .item { float: left; padding-right: 1em; }
.main-header .user-state .item .label { float: left; }
.main-header .user-state .value { float: left; }
.main-header .user-state .buttons { float: left; clear: none; padding-top: 0; }
.main-header .banner { float: right; padding-top: 5px; }

.main-red-bar { height: 37px; width: 100%; background-color: #990d0b; background-image: url(/Images/red-bar-bg.gif); color: White; text-align: center; vertical-align: middle; font-family: Arial; font-size: 10pt; font-weight: bold; }
.main-red-bar .main-menu { display: block; margin: 0 auto; width: 994px; }
.main-red-bar .selected .item { font-weight: bold; }
.main-red-bar .item { font-size: 10pt; padding: .75em .5em; float: left; font-weight: normal; background-image: url(/Images/menu-seprator.png); background-repeat: no-repeat; background-position: center right; }
.main-red-bar .item A { color: White; text-decoration: none; }
.main-red-bar .item A:hover { color: #ddd; text-decoration: underline; }

.main-contents { background-image: url(/Images/main-contents-top-gradiant.gif); background-repeat: repeat-x; background-position: top center; background-color: #fefefe; width: 995px; text-align: left; padding-top: 30px; margin: 0 auto; display: block; }
.main-contents p { padding: .5em; width: 100%; }
.main-contents .left-bar { width: 195px; border: none; float: left; margin-left: 21px; display: block; }
.main-contents .right-bar { width: 746px; float: left; margin-left: 14px; display: block; }
.main-contents-bottom-bar { background-image: url(/Images/main-contents-down-gradiant.gif); background-position: bottom; background-repeat: repeat-x; height: 30px; clear: both; }

.logos-bar { float: left; width: 995px; background-image: url(/Images/bottom-menu-line-bg.gif); background-position: bottom; background-repeat: repeat-x; margin-bottom: 5px; padding: 0 0 20px 0; }
.logos-bar h3 { background-image: none; height: 38px; font-family: Tahoma; font-size: 8pt; padding: 5px; }
.logos-bar .list { text-align: center; }
.logos-bar .list input { margin: 5px; }

.bottom-menu-line { background-image: url(/Images/bottom-menu-line-bg.gif); background-position: top; background-repeat: repeat-x; height: 38px; text-align: center; padding-top: 1em; color: #a9a9a9; font-family: Tahoma; font-size: 8pt; }

.copyright-line { margin: 0.1em 1em 0.1em 1em; color: #a9a9a9; font-family: Arial; font-size: 9pt; }
.copyright-line A { color: #a9a9a9; text-decoration: underline; }

.term-conditions-line { float: right; }
.required-service-view { float: right; }

div.defaultModal iframe, div.smallModal iframe { border: 0px solid #fff; background-color: #fff; }

td.grid-select-checkbox { width: 15px; }

/* ******************* MOHAMMAD.CSS ****************/
.message { color: Gray; }
.help-icon { float: right; }
.even-type-report .list .item { float: left; width: 20%; }
.even-type-report { clear: both; }
.supplier-report { clear: both; }
.supplier-report .list .item { float: left; width: 20%; }
.service-category-report { clear: both; }
.service-category-report .list .item { float: left; width: 20%; }
.service-category-list { padding: 5px; margin: 5px; width: 716px; float: left; clear: both; }
.supplier-signup-form .form { width: 100%; }
.service-category-list .image { float: left; margin: 5px; width: 100px; height: 100px; }

.service-category-list .image a { float: left; width: 100px; height: 90px; }

.service-category-list .image img { float: left; width: 100px; height: 90px; }

.service-category-list .header { font-family: Arial; font-size: 16pt; color: #F6AE36; font-weight: bold; padding-bottom: 10px; text-decoration: none; white-space: nowrap; }
.service-category-list .image { padding-right: 10px; }
.service-category-list .image a { border: solid 1px #ccc; padding: 3px; display: block; }
.service-list-creation-date { color: Gray; float: right; }
.service-box .information .service-image { border: 1px solid #CCCCCC; display: block; float: left; margin: 8px; padding: 3px; }

.guest-categories-more { width: 100%; text-align: right; }
.form .IconedFormIconWrapper { width: 110px; padding: 20px; }
.IconedFormBox { width: 100%; }
.occurance-editor .form { width: 100%; }
.IconedFormElements { padding-top: 5px; }
.help-point { line-height: 18px; text-align: justify; color: Gray; }
.content-box-header { border-bottom: dashed 1px #bbb; }
.content-box-header .edit { float: right; }
.control-box .sub-menu .item:hover { background: #ccc; }
.control-box h3 .button { color: #FFFFFF; text-decoration: none; }
.bread-crumb { padding-bottom: 10px; }
.messages { background-repeat: no-repeat; background-position: top left; width: 200px; height: 55px; padding-top: 130px; text-align: center; margin: 5px; float: left; color: Black; text-decoration: none; }
.received { background-image: url(   '/images/received-messages.png' ); }
.sent { background-image: url(   '/images/sent-messages.png' ); }
.all { background-image: url(   '/images/all-messages.png' ); }
.messages-container { text-align: center; margin: 50px 0px 0px 0px; }

/* ******************* SHAYAN.CSS ****************/
.form { width: 100%; }
.buttons { padding-right: 3px; padding-top: 5px; }
b, strong { font-weight: bold; }
i { font-style: italic; }
li { list-style-type: circle; padding-left: 1em; }
h2 { float: left; line-height: 30px; font-family: Tahoma; font-size: 21px; color: #a10f0f; font-weight: normal; width: 746px; height: 60px; display: block; background-image: url(/Images/header-decorator.png); background-position: bottom center; background-repeat: no-repeat; }
h3 { font-family: Tahoma; font-size: 16px; font-weight: normal; color: #666; }
h3 img { vertical-align: bottom; }
td.grid-select-checkbox { width: 15px; }
.spaced-item { margin-top: .5em; margin-bottom: .5em; }

.advisor { font-style: italic; }
.advisor a { color: #c72f31; font-style: normal; }

.icon { background-position: center left; background-repeat: no-repeat; padding-left: 18px; display: inline; }
.phone { background-image: url(/Images/Icons/phone.png); }
.mobile { background-image: url(/Images/Icons/mobile.png); }
.email { background-image: url(/Images/Icons/email.png); }
.web { background-image: url(/Images/Icons/web.png); }

.sub-content { background: #fff; padding: 3px; float: left; display: block; }
.sub-content-buttons { float: left; margin-left: 45px; margin-left: 45px; }

.control-box { float: left; width: 193px; }
.control-box h3 { display: block; height: 33px; font-weight: normal; font-family: Tahoma; font-size: 18px; color: #fff; text-align: left; padding-left: 12px; padding-top: 8px; }
.control-box h4 { padding: 6px 0 0 9px; font-weight: bold; background-image: url(/Images/h4-bg.png); background-position: 0 0; background-repeat: repeat-x; height: 26px; float: left; width: 184px; }
.control-box .button-big { float: left; text-align: center; padding: 0 9px 0 9px; }
.control-box .button-big a { font-family: Verdana; font-size: 11px; color: #000; text-decoration: none; }
.control-box .seprator-big { margin-top: -6px; float: left; width: 2px; height: 32px; background-image: url(/Images/buttons-seprator.png); background-position: 0 0; background-repeat: no-repeat; }
.control-box table { border: none; width: 193px; }
.control-box .list { background-color: #fff; width: 187px; float: left; margin-bottom: 3px; }
.control-box .list .item { width: 193px; border-top: solid 1px #ccc; float: left; }
.control-box .list .item .selected, .control-box .list table a.selected, .control-box .sub-menu .selected .item { font-weight: bold; }
.control-box .list table td, .control-box .sub-menu .item { border-bottom: solid 1px #ccc; background: #fff; padding: 2px 10px; }
.control-box .sub-menu .last-menu-item .item { border-bottom: none; }
.control-box .list .item a, .control-box .list table a, .control-box .sub-menu .item a { color: #000; text-decoration: none; }
.control-box .list .item a:hover, .control-box .list table a:hover, .control-box .sub-menu .item a:hover { color: #000; text-decoration: underline; }
.control-box .list .item { padding-top: 5px; padding-bottom: 5px; }
.control-box .list .item img { vertical-align: -4px; }
.control-box .budget-summary { float: left; width: 193px; background-color: #fff; }
.control-box .budget-summary .item input { vertical-align: -4px; }
.control-box .budget-summary .item { font-family: Verdana; font-size: 11px; text-align: center; margin-bottom: 3px; background-color: #e5e5e5; color: #727272; padding: .25em; }
.control-box .budget-summary .value { font-weight: bold; font-size: 12px; color: #000; }
.control-box .list a .service-name { font-weight: bold; }
.google-adsense { margin-bottom: 3px; }
.navigation-category-list TD:hover { background: #ccc; }

.sort { float: right; }
.extra-margin-item { margin-bottom: 20px; }

.service-box h3 { font-family: Tahoma; font-size: 16px; font-weight: normal; padding: 7px; height: 27px; float: left; }
.service-box h3 a { font-size: 12px; color: #e1e1e1; }
.service-box .right-column a { color: #000; }
.service-box h3 input { margin-top: 4px; }
.service-box .right-column { float: right; width: 170px; margin-right: 1px; padding-left: 15px; }
.service-box .quick-buttons { text-align: right; }
.service-box .quick-buttons a, .service-box .quick-buttons input { margin: 3px; float: left; }
.service-box .information { float: left; width: 555px; }
.service-box .information .description { margin: .75em; }

.left-shadow { background: transparent url(    '/Images/service-right-bar.png' ); background-repeat: no-repeat; background-position: top left; min-height: 237px; }
.right-box-shadow { background-image: url(/Images/contacts-bg.png); background-position: right top; background-repeat: repeat-y; float: left; }
.single-shadow-line { background-image: url(/Images/single-line-shadow.png); background-position: left top; background-repeat: no-repeat; }
.last-line { clear: both; padding: 3px 3px 0 5px; height: 30px; }

.list-few { margin: .75em 0; }
.list-few .item { margin-bottom: 3px; }
.list-few .item .label { color: #999; }

.ul { background-image: url(/Images/ul.png); background-position: left top; background-repeat: no-repeat; float: left; display: block; margin: -1px; }
.ur { background-image: url(/Images/ur.png); background-position: right top; background-repeat: no-repeat; float: left; display: block; }
.ul-emphasised { background-image: url(/Images/ul-emphasised.png); background-position: left top; background-repeat: no-repeat; float: left; display: block; margin: 0 -1px -1px; }
.ur-emphasised { background-image: url(/Images/ur-emphasised.png); background-position: right top; background-repeat: no-repeat; float: left; display: block; }
.dl { background-image: url(/Images/dl.png); background-position: left bottom; background-repeat: no-repeat; float: left; display: block; }
.dr { background-image: url(/Images/dr.png); background-position: right bottom; background-repeat: no-repeat; float: left; display: block; padding: 1px 1px 6px 1px; }
.bordered-emphasised { border-left: 1px solid #980705; border-left: 1px solid #bababa; border-right: 1px solid #bababa; border-bottom: 1px solid #bababa; float: left; display: block; margin: 3px; }
.bordered { border: 1px solid #bababa; float: left; display: block; margin: 3px; }

.header-emphasised h3 { color: #fff; float: none; }
.header-emphasised { background-image: url(/Images/header-emphasised.png); background-position: 0 0; background-repeat: repeat-x; float: left; display: block; }
.header-emphasised .list table th a, .header-emphasised .list table th { color: #fff; height: 40px; }
.header-mid-emphasised { background-image: url(/Images/header-mid-emphasised.png); background-position: 0 0; background-repeat: repeat-x; float: left; display: block; }

.list-borders { width: 779px; display: block; border-left: solid 1px #b3b3b3; border-right: solid 1px #b3b3b3; }
.list-title-line { background-image: url(/Images/tables-title.png); background-repeat: no-repeat; background-position: 0 0; display: block; width: 781px; margin: -1px; }
.list-bottom-line { background-image: url(/Images/table-bottom.png); background-repeat: no-repeat; background-position: bottom left; display: block; width: 781px; padding-bottom: 6px; }
.list table.grid { border: none; }

.full-content-width { width: 750px; float: left; display: block; }
.middle-box-width { width: 155px; float: left; display: block; }

.box-contents { margin: 8px; float: left; display: block; }

.ajax__calendar_container { border: solid 1px #000; }
.ajax__calendar_header { background-color: #ccc; }
.ajax__calendar_body { }

.empty-table-message { height: 30px; margin-top: 50px; }

.hover-inline-buttons { font-style: italic; border-bottom: solid 1px #ccc; margin: -10px -10px 0 -10px; }
.hover-inline-buttons a { vertical-align: 4px; }

.message-viewer { width: 100%; }
.message-viewer .header { background-color: #ccc; }
.message-viewer .header .item { }
.message-viewer .header .item .label { }
.message-viewer .body { }

.has-help-without-validation .help { margin-left: 20px; }

.paypal-invoice table th { border: solid 1px #000; background-color: #eee; }
.paypal-invoice table td { border: solid 1px #000; }
.paypal-invoice table .footer td { border: none; }
.paypal-invoice table .footer td.total { border: solid 1px #000; }

/* ******************* HOME.CSS ****************/
.welcome-text { padding: 1em; float: left; width: 600px; display: block; }
.upper-part { float: left; width: 980px; }

.login-box { display: block; width: 320px; margin: 1em; float: right; line-height: 25px; }
.login-curve-box { background-image: url(/Images/full-curve-login-box.png); background-position: top left; background-repeat: no-repeat; width: 323px; height: 150px; }
.login-curve-box .header { margin-left: 20px; padding-right: 5px; padding-left: 5px; background-color: White; font-family: Arial; font-size: 14pt; color: #c52f31; font-weight: bold; float: left; }
.login-curve-box .form { clear: both; padding: 1em; }
.login-box .form .item .label { width: 65px; font-family: Tahoma; font-size: 9pt; color: Black; }
.login-box .form .item .input .help { position: relative; top: 7px; }
.login-box .form .item .label label { padding-top: 0px; }
.login-box .form .item .input .textbox { width: 150px; }
.login-box .form { width: 300px; }
.login-box .form .extra-buttons { font-family: Arial; font-size: 9pt; margin-top: 1em; border-top: solid 1px #ccc; }
.login-box .form .extra-buttons .lost-password-button { color: Black; }
.login-box .form .extra-buttons .input { }
.login-box .form .extra-buttons .label { width: 0; }
.login-box .form .extra-buttons a { font-size: 8.6pt; } 
.login-box .form .extra-buttons .item-body { float: left; padding: 6px 0 0 0; }

/* ******************* SERVICE-CATEGORY-BOX.CSS ****************/
.main-services { margin: 0 1em 1em 1em; display: block; clear: both; float: left; width: 100%; }
.main-services .service-type { background-image: url(/Images/full-curve-service-box.png); background-position: top left; background-repeat: no-repeat; width: 222px; height: 238px; float: left; margin: .5em; }
.main-services .service-type .header { line-height: 30px; margin-top: -10px; margin-left: 18px; padding-right: 5px; padding-left: 5px; background-color: White; font-family: Arial; font-size: 16pt; color: #f6ae36; font-weight: bold; float: left; white-space: nowrap; }
.main-services .service-type .contents { clear: both; padding: 1em; float: left; }
.main-services .service-type .contents img { border: none; width: 200px; height: 180px; border: 1px solid #777; }
.main-services .service-type .contents img:hover { border-color: #F6AE36; }
.main-services .list { float: left; }
.main-services li { list-style-type: none; padding-left: 0; margin-top: 10px; float: left; }

/* ******************* SERVICE-DETAIL.CSS ****************/
.service-tabs { float: left; display: block; width: 743px; height: 38px; margin: 1em 1em 0 1em; background-image: url(/Images/tab-line-bg.png); background-position: left top; background-repeat: no-repeat; padding: 0 12px; }
.service-tabs .item { height: 33px; float: left; padding: 6px 17px; }
.service-tabs .item a { font-family: Tahoma; font-weight: normal; text-decoration: none; font-size: 12px; color: #000; }
.service-tabs .selected { height: 34px; display: block; float: left; background-image: url(/Images/tab-selected-item.png); background-position: left top; background-repeat: repeat-x; }
.service-tabs .selected a { color: #fff; font-weight: bold; }

.tab-body { border: 1px solid #b3b3b3; display: block; float: left; width: 741px; height: 500px; overflow: auto; margin: 0 1em; }

.service-box input { float: right; }

.service-usage { padding: 10px; }
.service-usage h4 { font-weight: bold; color: #ccc; font-size: 12px; }
.service-usage .list .item { background-color: #f2f2f2; margin-bottom: 5px; padding: 10px; }
.service-usage .list .item .title { font-weight: bold; }
.service-usage .list .item .agreed-price { color: #c42424; margin-left: 3px; float: right; font-weight: bold; }
.service-usage .list .confirmed-item { padding-left: 20px; background-image: url(/Images/Icons/Tick.gif); background-repeat: no-repeat; background-position: left center; }
.service-usage .list .notes { }

.gallery-container { text-align: center; }
.movie { text-align: center; }


.categories-list .list tr.pager td { padding: 0 .5em; }

/* ******************* CLIENT-HOME.CSS ****************/

.user-detail { display: block; float: left; width: 700px; margin: 1em; }
.user-detail h4 { font-family: Arial; font-size: 14pt; font-weight: bold; border: none; }
.user-detail .item { margin-right: 1em; float: left; color: #000; }
.user-detail .personal-info { background-color: #fff; float: left; padding: 1.5em; width: 660px; margin: 3px; border: solid 1px #ddd; }
.user-detail .item .label { float: left; padding-right: .5em; color: #666; }
.user-detail .item .value { float: left; }

.detailed-occurance { display: block; width: 760px; float: left; }
.detailed-occurance h1 { color: #980704; font-family: Arial; font-size: 14pt; font-weight: bold; }
.detailed-occurance .buttons { clear: none; padding-top: 0; text-align: left; }
.occurance-container { background-color: #fff; float: left; margin-top: 1em; padding: 4px; width: 714px; }

.budget-reminder { background-color: #fff; float: left; padding: 9px; width: 693px; margin-bottom: 1em; border: solid 1px #ddd; }
.budget-reminder a { color: #a10f0f; text-decoration: none; }
.budget-reminder img { vertical-align: -8px; }

.events-list { float: left; line-height: 12pt; }
.events-list .list { padding-left: .75em; }
.events-list .list .item { background-image: url(/Images/hr-bg.png); background-position: left bottom; background-repeat: repeat-x; float: left; margin-bottom: 0.5em; padding: 10px 0; width: 700px; }
.events-list .list .item .type { color: #000; font-weight: bold; }
.events-list .list .item .date { color: #727272; }

.detailed-event-required-services { float: left; width: 700px; }
.detailed-event-required-services .category-item { font-size: 12px; float: left; margin: 5px; margin-top: 8px; min-width: 70px; height: 69px; background-color: #fff; border: solid 1px #aaa; text-align: center; padding: 3px; }
.detailed-event-required-services .category-item .service-category-title { border-bottom: 1px solid #e5e5e5; padding-bottom: 3px; margin-bottom: 12px; white-space: nowrap; }
.detailed-event-required-services .category-item .service-category-title a { color: #000; text-decoration: none; font-weight: bold; }
.detailed-event-required-services .category-item .service-category-title a:hover { text-decoration: underline; }
.detailed-event-required-services .category-item .service-category-title img { }
.detailed-event-required-services .category-item .count a { color: #000; }

/* ******************* MANAGE-EVENT.CSS ****************/

.middle-col { float: left; display: block; width: 160px; }

.right-col { float: right; display: block; width: 570px; }

.full-right-col-width { width: 544px; float: right; display: block; }

.overview { display: block; float: left; width: 712px; padding: 5px 14px; font-size: 11px; }
.overview .item { padding: 1em; float: left; white-space: nowrap; }
.overview .item .label { font-weight: normal; color: #666666; }
.overview h3 { font-size: 11px; margin-bottom: 17px; margin-top: 3px; font-weight: normal; color: #000; }
.overview h3 a { color: #a10f0f; text-decoration: none; }
.overview h3 img { vertical-align: -9px; }

.selectable-required-services .list { float: left; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin: 1em 0; padding: 8px 0 8px 5px; }
.selectable-required-services .list .item { background-color: #eee; width: 145px; margin-bottom: 3px; float: left; clear: both; }
.selectable-required-services .list .item a { width: 145px; float: left; text-decoration: none; }
.selectable-required-services .list .item .selected a { background-color: #ddd; font-weight: bold; }
.selectable-required-services .list .item .option-state-inline { float: left; clear: left; color: #000; margin-left: 5px; white-space: nowrap; font-size: 10px; }

.confirmed-item { padding-left: 20px; background-image: url(/Images/Icons/Tick.gif); background-repeat: no-repeat; background-position: left center; }

.options .list table img, .list table input { vertical-align: -8px; margin: -2px; }
.options .list table td { padding-top: 10px; padding-top: 10px; }
.options-container { display: block; float: left; margin-left: 1px; }
.options { float: left; display: block; width: 562px; }
.options table { width: 100%; }

.more-options-adviser { font-weight: bold; }

.adviser .buttons a img { vertical-align: -4px; }

.featuredNews { float: left; }

.significant-link { display: none; float: left; color: #C42E30; text-decoration: none; font-size: 15pt; font-weight: normal; margin-bottom: 1em; padding-bottom: .5em; width: 100%; letter-spacing: -1px; }

table input.big-img-button { vertical-align: -30px; }
.big-add-service { font-family: Tahoma; font-size: 14pt; font-weight: bold; margin: 5px; }
.big-add-service a { vertical-align: -10px; }

.clear-both { clear: both; }
.event-selector .grid { float: left; }


.form .item .label.short { width: 60px; }
.form .item .label.long { width: 200px; }
.actions { text-align: right; white-space: nowrap; }