/* Defines styles for third party integration */

/* =Main Layout 
--------------------------------------------------------------------------- */

.fullContent{
       
}
.fullContent .col, 
.fullContent .colWide, 
.fullContent .colWide .split3{
    float: left;
    width: 310px;
    margin-right: 8px;
}
.fullContent .colWide{width: 628px;}
.fullContent .colWide .split3{width: 204px;}
.fullContent .noMargin, 
.fullContent .colWide .noMargin{margin-right: 0;}

.fullContent .colWide h1{font-size: 130%; border-bottom: solid 1px #b0c1c9;padding-bottom: 3px; position: relative;}
.fullContent .colWide h1 span{position: absolute; top: 5px; right: 5px; font-size: 80%; font-weight: normal; color: #333;}
.fullContent .colWide h2{color:#676767; font-size: 110%;}


/* =Classifieds booking pane
--------------------------------------------------------------------------- */

.fullContent .col .classBook{background: #e9eef2;}
.fullContent .col .classBook h1{background:#b2c0c9 url(../_img/class-booking-h1.gif) top left no-repeat; color: #fff; padding: 5px;}
.fullContent .col .classBook h2{font-size: 105%; background: #bcc9d1; margin: 0 4px;color: #333;padding: 3px;position: relative;}
.fullContent .col .classBook form{text-align: center;}
.fullContent .col .classBook form select{width: 205px;}
.fullContent .col .classBook .sectionList
{
    background: #dce5ec;
    margin: 4px;
    padding: 5px;
    position: relative;
}
.fullContent .col .classBook .sectionList ul {list-style-image: url(../_img/bullet.gif);position: relative;}
.fullContent .col .classBook .example{float: left;background: #fff; width: 298px; margin: 4px;display: inline;padding: 2px 2px 10px 2px;}
.fullContent .col .classBook .example div{float: left;width: 147px;margin: 0 1px;text-align: center;display: inline;}
.fullContent .col .classBook .example div .title{background: #e9eef2; display: block;padding: 2px 3px;margin-bottom: 10px;}
.fullContent .col .classBook .note{display: block; margin: 8px; font-weight: bold;}
.fullContent .col .classBook .noteContent{background: #fbfcfe;padding: 5px;font-size: 95%;}
.fullContent .col .classBook .noteContent span{color: #9a3231;}

/* =Freebees booking pane
--------------------------------------------------------------------------- */

.fullContent .col .freeBook{background: #f4f5f9;padding-bottom: 2px;}
.fullContent .col .freeBook h1{background:#dce5ec url(../_img/free-booking-h1.gif) top left no-repeat; color: #336799; padding: 5px;}
.fullContent .col .freeBook h2{color: #669aca;margin: 0;}
.fullContent .col h3{color: #669aca; padding: 3px 5px;}
.fullContent .col .freeBook form{text-align: center;}
.fullContent .col .freeBook form select{width: 205px;}
.fullContent .col .freeBook .standout{background: #ebf0f4;margin: 4px;padding: 4px;}
.fullContent .col .freeBook .standout ul {list-style-image: url(../_img/bullet2.gif);}
.fullContent .col .book ol{list-style-position: inside;margin: 0 5px;}
.fullContent .col .book ol li{margin-bottom: 3px;}
.fullContent .col .book .view{background: url(../_img/view-link-bg-btm.gif) bottom left no-repeat;}
.fullContent .col .book .view p{background: url(../_img/view-link-bg-top.gif) top left no-repeat; padding: 5px 7px;}

/* =Information pane
--------------------------------------------------------------------------- */

.fullContent .info
{
    background: #f4f5f9;
    width: 298px;
    padding: 6px;
}
.fullContent .info .ieNote
{
    background: #fff url(../_img/ie.gif) center left no-repeat;
    border: dashed 1px #58595b;   
    padding: 3px 5px 3px 45px;
}
.fullContent .info .holder{background: #e1e2e4;padding: 4px;}
.fullContent .info .holder h1{background: #666; color: #fff;font-size: 100%; padding: 3px;margin-top: 0;}
.fullContent .info .holder h2{font-size: 110%;}
.fullContent .info .holder table{width: 100%; margin-bottom: 0;}
.fullContent .info .holder table td{border: solid 1px #e2e2e2;background: #fff;}
.fullContent .info .holder table td.lead{background: #689dcf; color: #fff;width: 125px;}
.fullContent .info .holder .supplementary{background: #f8f8f8;padding: 5px;}
.fullContent .info .holder .supplementary p span{color: #669acc;}

.fullContent .info .holder .advertDemo{background: #ebf0f4;text-align: center;margin: 0;padding: 15px 0;border: solid 1px #fff;}
.fullContent .info .holder .advertOption{background: #dfe6ec;border: solid 1px #fff;padding: 2px 5px;color: #336695;}
.fullContent .info .holder form{margin: 0;}
.fullContent .info .holder .note{background: #fff;padding: 5px;font-size: 98%;line-height: 1.4em;}

/* =Classification Listing Styles
--------------------------------------------------------------------------- */

.fullContent .colWide .split3 .listHeader
{
    display: block;
    background: #dce5ec url(../_img/list-header.gif) top left no-repeat;
    color: #356597;
    font-weight: bold;
    padding: 3px;
}
.fullContent .colWide .split3 .motors{background: #dce5ec url(../_img/list-header-cars.gif) top left no-repeat;}
.fullContent .colWide .split3 .jobs{background: #dce5ec url(../_img/list-header-jobs.gif) top left no-repeat;}
.fullContent .colWide .split3 .property{background: #dce5ec url(../_img/list-header-property.gif) top left no-repeat;}
.fullContent .colWide .split3 ul{margin-left: 25px;}
.fullContent .colWide .split3 ul li a{text-decoration: none;}
.fullContent .colWide .split3 ul li a:hover{text-decoration: underline;}


/* =Lineages
--------------------------------------------------------------------------- */

.fullContent .lineages .freebees{float: left;width: 360px; margin-right: 8px;background: #f3f3f3;}
.fullContent .lineages .classifieds{float: left;width: 252px;}  
.fullContent .lineages .freebees h3{background: #dce5ec url(../_img/freebees-lineage-hdr.gif) top left no-repeat; color: #33669b; padding: 3px 5px;margin: 0;}
.fullContent .lineages .classifieds h3{background:#b2c0c9 url(../_img/classifieds-lineage-hdr.gif) top left no-repeat; color: #fff; padding: 3px 5px;margin: 0;}
.fullContent .lineages .freebees div{float: left; width: 180px;}
.fullContent .lineages .freebees ul li{list-style-image: url(../_img/bullet2.gif);}
.fullContent .lineages .freebees ul li a{text-decoration: none;}
.fullContent .lineages .freebees ul li a:hover{text-decoration: underline;}

.fullContent .lineages .classifieds ul{margin: 0;}
.fullContent .lineages .classifieds ul li{list-style-image: none;padding: 0;height: 28px;line-height: 28px;}
.fullContent .lineages .classifieds ul li.jobs{background: url(../_img/classifieds-jobs-bg.gif) bottom right no-repeat;}
.fullContent .lineages .classifieds ul li.motors{background: url(../_img/classifieds-motors-bg.gif) bottom right no-repeat;}
.fullContent .lineages .classifieds ul li.property{background: url(../_img/classifieds-property-bg.gif) bottom right no-repeat;}
.fullContent .lineages .classifieds ul li a{background: url(../_img/bullet2.gif) center left no-repeat;padding-left: 15px;margin-left: 20px;}

/* =Advert Booking Form Styles
--------------------------------------------------------------------------- */

/** provide width classes to stack onto inputs **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

.fullContent .colWide form label{background: #ebf0f4;padding: 3px 3px 3px 20px; color: #32659a;}
.fullContent .colWide form span{font-size: 95%;}
.fullContent .colWide form input,
.fullContent .colWide form textarea,
.fullContent .colWide form select
{margin-top: 5px;}
.fullContent .colWide form .check{border: 0;width: auto;}
.fullContent .radio{width: auto; border: 0;}
.fullContent .colWide form .bg{float: left;background: #f7f8fa; width: 623px;margin-bottom: 5px;}
.fullContent .colWide form .bg span{font-size: 100%;}
.fullContent .colWide form .colCheck{width: 200px; float: left;display: inline;}
.fullContent .colWide form .colCheckSml{width: 150px; float: left; display: inline;}
.fullContent .colWide form .compulsory{background: #ebf0f4 url(../_img/compulsory.gif) center left no-repeat;}

.advertFormBtn, .advertBtn
{border: solid 1px #cfdce5;padding: 0px 10px; float: left; height: 22px; line-height: 22px;text-decoration: none;background: #fbfbfb url(../_img/advert-btn-bg.gif) bottom left repeat-x;width: auto;color: #003466;margin: 0 3px;}
.advertFormBtn{height: 28px; cursor: pointer;}

.next{background: #fbfbfb url(../_img/advert-btn-bg-next.gif) bottom right no-repeat; padding-right: 15px;}
.back{background: #fbfbfb url(../_img/advert-btn-bg-back.gif) bottom left no-repeat; padding-left: 15px;}

.fullContent .warning{color: #d74142; border: dashed 1px #d74142; background: #fff url(../_img/warning.gif) center left no-repeat;padding: 6px 8px 6px 35px; float: left;}


/* =Advert Booking Form Summary Page Styles
--------------------------------------------------------------------------- */

.fullContent .colWide .summaryWrap{float: left;border: dashed 1px #7f7f7f; width: 626px;}
.fullContent .colWide .summaryWrap h2{color: #669acc;padding-left: 15px;font-size: 130%;}

.fullContent .colWide .summaryWrap .subSection{float: left;width: 313px;}
.fullContent .colWide .summaryWrap .adPreview{text-align: center;}
.fullContent .colWide .summaryWrap .adPreview img{margin-top: 10px;}

.fullContent .colWide .summaryWrap p .itemName, 
.fullContent .colWide .summaryWrap p .itemNameFull
{background: #ebf0f4;float: left;padding: 3px;width: 114px; color: #336797;margin-right: 10px;}
.fullContent .colWide .summaryWrap p .itemNameFull{width: 290px;}

/* =General Styles
--------------------------------------------------------------------------- */

.clr{clear:both;}
.floatLeft{float: left}
.floatRight{float: right}

.fullContent .highlight{background: #f7f8fa; padding: 10px 18px;}
.fullContent .highlightText{color: #669acc;}
.fullContent div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #90adcb;clear:both;}
.fullContent div.hr hr{display:none;}