﻿body 
{
    margin:0 auto;
    background-color:#000;
    /*height:100%;*/
    background-position:left top;
    background-repeat:no-repeat;
    min-width:994px;    
    font-family:Tahoma, Verdana, Sans-Serif;
    color:#9a9a9a;
    font-size:11px;
    line-height:14px;
    /* generic styles - if no theme is set : */
    background-image:url('/images/bgs/bg.jpg'); 
}
body.adjustBG
{
    background-position:-150px top;
}
body.adjustBG1
{
    background-position:-300px top;
}


/*///   Generic Element styles  /////*/

a, a:active
{
    outline-style:none;
    color:#fff;
    text-decoration:none;
}
a.rss, a.rss:link, a.rss:visited,
.area-footer .footer a.rss, .area-footer .footer a.rss:link, .area-footer .footer a.rss:visited,
.area-top .top a.rss, .area-top .top a.rss:link, .area-top .top a.rss:visited
{
    color:#ff9900;
    padding-right:19px;
    height:12px;
    display:block;
    float:left;    
    background-image:url('/images/rss.gif');
    background-position:right bottom;
    background-repeat:no-repeat;
    text-decoration:none;
}
h1,h2,h3
{
    font-weight:normal;
    color:#fff;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
h1,h2
{
    text-transform:uppercase;
    font-size:16px;
    font-family:Verdana, Sans-Serif;
    line-height:20px;
    margin-bottom:15px;
}
h3
{
    font-size:11px;
    margin-bottom:10px;
    clear:left;
}
a.arrlink
{
    text-decoration:none;
    color:#fff;
    padding-right:10px;
    display:block;
    background-image:url('/images/arr/link.gif');
    background-position:right 5px;
    background-repeat:no-repeat;
    height:11px;
    line-height:14px;
    margin-top:0px;
    float:left;
}
.arrow
{
    background-image:url('/images/arr/arrow.gif');
    background-position:right bottom;
    background-repeat:no-repeat;
    display:block;
}
input.button, a.button
{
    text-align:left;
    border:none;
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    padding:4px 10px 4px 10px;
    margin-left:-2px;
    width:145px;
    height:17px;
    background-image:url('/images/button.gif');
    cursor:pointer;
}
input.button:hover, a.button:hover, a.arrlink:hover
{
    color:#ccc;
}
input.button
{
    padding:2px 10px 4px 10px;
    height:25px;
    width:165px;
}
select, input, textarea
{
    font-family:Tahoma, Sans-Serif;
    font-size:11px;
    background-color:#000;
    border:solid 1px #888;
    color:#b5b5b5;
    /*width:344px;*/
    padding-left:5px;
}
/*select
{
    width:349px;
}*/
.hidden    
{
    display:none;
}

/*///  Titles  /////////*/

h1.heading_image,
.area-content h1.two_line
{ 
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:1px;
    text-indent:-2000em;
    height:50px;
    width:100%;
    background-position:top left;
    background-repeat:no-repeat;
    margin-bottom:20px;
    border-bottom:none;
}
h1.two_line, .area-content h1.two_line
{
    height:81px;
}
h1#About
{
    background-image:url('/images/titles/about.gif');
}
h1#Careers
{
    background-image:url('/images/titles/careers.gif');
}
h1#Contact_us
{
    background-image:url('/images/titles/contact_us.gif');
}
h1#Creative_bite
{
    background-image:url('/images/titles/creative_bite.gif');
}
h1#Error_404
{
    background-image:url('/images/titles/error_404.gif');
}
h1#News
{
    background-image:url('/images/titles/news.gif');
}
h1#Our_aim
{
    background-image:url('/images/titles/our_aim.gif');
}
h1#Our_clients
{
    background-image:url('/images/titles/our_clients.gif');
}
h1#Page_not_found
{
    background-image:url('/images/titles/page_not_found.gif');
}
h1#What_we_do
{
    background-image:url('/images/titles/what_we_do.gif');
}
h1#Work
{
    background-image:url('/images/titles/work.gif');
}
h1#Drop_us_a_line
{
    background-image:url('/images/titles/drop_us_a_line.gif');
}
h1#were_always
{
    background-image:url('/images/titles/were_always.gif');
    margin-bottom:0px;
    height:52px
}
h1#Thank_you
{
    background-image:url('/images/titles/thank_you.gif');
}
h1#Subscribe
{
    background-image:url('/images/titles/subscribe.gif');
}

/*/ Heading link area /*/
h1 span.heading_links
{
    margin:0 0 0 0;
    display:block;
    float:right;    
    width:300px;
    height:20px;
    text-align:right;
}
h1 span.heading_links, h1 span.heading_links a, h1 span.heading_links input
{
    color:#858585;
    cursor:pointer;
    text-indent:0em;
    font-weight:normal;
    font-size:11px;
    text-decoration:none;
    padding-left:20px;
}
h1 span.heading_links a.on, h1 span.heading_links a:hover, h1 span.heading_links input:hover, h1 span.heading_links input.on
{
    color:#fff;
}
h1 span.heading_links input
{
    border:none;
    width:auto;
    display:inline;
    cursor:pointer;
}
h1 span.heading_links input.arrow
{
    padding:0 8px 0 0;
    background-position:right -490px;
}
h1 span.heading_links input.arrow:hover
{
    background-position:right 4px;
}

    




/*///  TopBar  /////////*/

.area-top
{
    margin:0 0 0 0;
    background-color:#000;
    background-image:url('/images/bgs/top.gif');
    height:28px;
    width:100%;
    border-bottom:solid 1px #191919;
}
.area-top .top
{   
    margin:0 auto; 
    width:995px;
}
.area-footer .footer a, .area-footer .footer a:link, .area-footer .footer a:visited,
.area-top .top a, .area-top .top a:link, .area-top .top a:visited
{
    text-decoration:none;
    color:#b5b5b5;
    float:right;
    margin:7px 10px 0px 10px;
}    
.area-top .top a.textonly
{
    color:#fff;
    float:left;
    margin-left:20px;
}
.area-top .top a.accessi
{
    color:#fff;
    float:left;
}
.area-footer .footer a.rss, .area-footer .footer a.rss:link, .area-footer .footer a.rss:visited,
.area-top .top a.rss, .area-top .top a.rss:link, .area-top .top a.rss:visited
{
    float:right;
}
.area-footer .footer a:hover, .area-footer .footer a.on, .area-footer .footer a.rss:hover,
.area-top .top a:hover, .area-top .top a.on, .area-top .top a.rss:hover
{
    color:#fff;
}


/*/// Header Flash ///////*/

.area-header 
{
    margin-top:17px;
    width:100%;
    height:102px;
    overflow:visible;
    background-position:center bottom;
    background-repeat:repeat-x;
    float:left;
    clear:left;
    background-image:url('/images/bgs/header.gif');
}
.area-header .header
{
    margin:0 auto;
    width:995px;
    height:102px;
    background-image:url('/flash/header.gif');
}
.area-header .homepage
{
    height:269px;
    background-image:none;
    background-color:Transparent;
    overflow:hidden;
}
.blue #GetFlash
{
    background-image:url('/flash/header-blue.gif');
    height:269px;
}
.green #GetFlash
{
    background-image:url('/flash/header-green.gif');
    height:269px;
}
.red #GetFlash
{
    background-image:url('/flash/header-red.gif');
    height:269px;
}


/*////   body wrap   //////////*/

.area
{
    width:965px;
    margin:0 auto;
}




/*////   Left hand content area   //////////*/

.area-left
{
    clear:left;
    float:left;
    width:165px;
    padding-left:5px;
    padding-top:7px;
    margin-top:28px;
}
.area-left div
{
    width:165px;
    margin-bottom:30px;
    clear:left;
    float:left;
}
.area-left dl, .area-left dl dd
{
    margin:0 0 15px 0;
    padding:0 0 0 0;
    float:left;
}
.area-left dl dd a
{
    display:block;
    color:#b5b5b5;
    width:165px;
}
.area-left dl dd a:hover
{
    color:#fff;
}
.area-left dl dd span { color:#fff; }
.area-left div p
{
    padding:0 0 0 0;
    margin:0 0 15px 0;
    width:160px;
}
.area-left div.newsArchive a.arrow
{
    width:90%;
    clear:left;
    color:#a9a9a9;
    margin-top:6px;
    background-position:right -490px;
}
.area-left div.newsArchive a.arrow:hover
{
    color:#fff;
    background-position:right 4px;
}
.area-left h2
{
    border-bottom:solid 1px #a9a9a9;
    padding-bottom:8px;
    width:100%;
    color:#a9a9a9;
}



/*////   Main Content area   //////////*/

.area-content
{
    float:right;
    width:724px;
    padding-left:20px;
    margin-left:50px;
    margin-top:28px;
}
.area-content h1,
.area-content h2
{
    border-bottom:solid 1px #fff;
    padding-bottom:8px;
    width:100%;
}
.area-content h1.heading_image
{
    border:none;
}
.area-content h1
{
    float:left;
    margin-top:7px;
}

/*/ thumbnails list /*/
dl.thumbnails, dl.thumbnails dd
{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
dl.thumbnails
{
    float:left;
    clear:left;
    width:100%;
}
dl.thumbnails dd
{
    float:left;
    width:186px;
    height:176px;
    border-bottom:solid 1px #333;
    margin-bottom:20px;
}
dl.thumbnails dd.right
{
    width:166px;
}
dl.thumbnails dd .imagethumb
{
    display:block;
    width:166px;
    height:90px;
    margin-bottom:15px;
    background-position:left bottom;
    overflow:hidden;
    cursor:pointer;
}
dl.thumbnails dd .arrow
{
    height:176px;
    width:166px;
    overflow:hidden;
    background-position:154px -343px;
}
dl.thumbnails dd .arrow:hover
{
    background-position:154px +151px;
}
dl.thumbnails dd .arrow:hover .imagethumb
{
    background-position:left top;
}
dl.thumbnails dd .arrow span.desc
{
    display:block;
    width:138px;
    height:40px;
    overflow:hidden;
    cursor:pointer;
    color:#9a9a9a;
}

/*/ Client grid /*/
dl.clientgrid dd
{
    height:90px;
    width:166px;
    border:solid 1px #000;
    background-position:left top;
    cursor:pointer;
    margin-right:16px;
}
dl.clientgrid dd.over
{
    background-position:left bottom;    
}
dl.clientgrid dd div
{
    display:none;
}

dl.clientgrid dd div
{
    display:none;
    height:88px;
    width:164px;
    border:solid 1px #333;
    background-color:#000;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
dl.clientgrid dd div a:visited, dl.clientgrid dd div a:link, dl.clientgrid dd div a
{
    margin-left:10px;
    margin-bottom:3px;
}
dl.clientgrid dd div br
{
    clear:both;
    float:left;
    width:100%;
}
dl.clientgrid dd div h3
{
    float:left;
    width:100px;
    margin:10px 0px 10px 10px;
    color:#fff;
}
dl.clientgrid dd div a.close
{
    width:37px;
    margin:10px 0px 10px 0px;
    background-image:none;
    float:right;
}
dl.clientgrid dd.right
{
    margin-right:0px;
}
/* client logos: */
dl.clientgrid dd.logo_conder { background-image:url('/images/client_logos/conder.gif'); }
dl.clientgrid dd.logo_faststream { background-image:url('/images/client_logos/faststream.gif'); }
dl.clientgrid dd.logo_ccs { background-image:url('/images/client_logos/ccs.gif'); }
dl.clientgrid dd.logo_pocruises { background-image:url('/images/client_logos/pocruises.gif'); }


/*/ Main content panels /*/
.panel
{
    float:left;
    margin-top:20px;   
    margin-right:20px;
}
.panel p
{
    padding:0 0 0 0;
    margin:0 0 10px 0;
}
.fullwidth
{
    width:724px;
}
.threequartwidth
{
    width:538px;
}
.halfwidth
{
    width:352px;
}
.quarterwidth
{
    width:166px;
}
.right
{
    margin-right:0px;
}
.panel a.arrlink
{
    margin-top:15px;
}

.sep /* grey line */
{
    width:100%;
    height:1px;
    font-size:0px;
    line-height:0px;
    background-color:#333;
    margin:20px 0px 10px 0px;
    float:left;
    clear:both;
    overflow:hidden;
}
.careerform_sep
{
    margin-top:-1px;
}
.imagethumb
{
    display:block;
    width:166px;
    height:90px;
    margin-bottom:15px;
    background-position:left bottom;
    overflow:hidden;
    cursor:pointer;
}


/*/// News page //////*/
a.news .imagethumb
{
    display:block;
    width:166px;
    height:90px;
    margin-bottom:0px;
    background-position:left bottom;
    overflow:hidden;
    cursor:pointer;
}
a.news
{
    display:block; cursor:pointer
}
a.news .arrow
{
    height:75px; display:block; color:#9a9a9a;
}
a.news:hover .arrow
{
    background-position:right 69px;
}
a.news:hover .imagethumb
{
   background-position:left top;
}

/*/ Accordian */
/*/ NEW Accordian */
ul.accordian, ul.accordian li
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    float:left;
    clear:left;
    display:block;
    width:100%;
}
ul.accordian
{
    margin-top:15px;
    border-bottom:solid 1px #333;
}
ul.accordian li
{    
    border-top:solid 1px #333;
    padding:10px 0px 15px 0px;
}
ul.accordian li div
{
    float:left;
    clear:both;
    width:100%;
}
ul.accordian li div p
{
    margin:10px 0 0 0;
}
ul.accordian li a,
ul.accordian li a.arrow,
.panel ul.accordian li a,
.panel ul.accordian li a.arrow
{
    cursor:pointer;
    margin:0px 0 0px 0px;
    line-height:14px;
    display:block;
    height:11px;
}
ul.accordian li a.close
{
    float:right;
    background-image:none;
    padding:0 0 0 0;
    margin:-10px 0 0 0;
    color:#9a9a9a;
}
ul.accordian li a.close:hover
{
    color:#fff;
}
ul.accordian li a.arrow
{
    color:#9a9a9a;
}
ul.accordian li a.arrow:hover
{
    color:#fff;
    background-position:right 5px;
}
.panel ul.accordian li div a.arrow
{
    margin-top:10px;
}

/*/ Contact Form /*/
.form
{
    width:352px;
    margin-top:10px;
    float:left;
}
.form label
{    
    display:block;
    float:left;
    clear:left;
    text-align:right;
    width:52px;
    height:18px;
    margin-left:0px;
    margin-top:4px;
    margin-right:20px;
    color:#ccc;
}
.form input, .form select, .form textarea
{   
    float:left; 
    width:264px;
    height:15px;
    margin-bottom:2px;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:0px;
}
.form select
{
    padding-top:1px;
    height:18px;
    width:271px;
}
.form .checkbox
{
    display:block;
    width:269px;
    margin:15px 12px 15px 0px;
    float:right;
}
.form .checkbox input
{
    border:none;
    width:14px;
    float:left;
    padding:0 0 0 0;    
}
.form .checkbox label
{
    padding-left:10px;
    text-align:left;
    margin:0px;
    width:220px;
    float:left;
    clear:none;
}
.form .formbuttons
{
    float:right; 
    clear:right;
    width:278px;
    margin:10px 0px 0 0px;
}
.form .formbuttons a
{
    float:right;
    cursor:pointer;
    padding:4px 10px 4px 10px;
    height:17px;
}
.form .clear
{
    width:100%; line-height:0px; font-size:0px; float:right;
}
.form .error
{
    float:left; 
    clear:left;
    width:263px;
    margin:10px 7px 0 80px;
    display:block;    
    color:#fff;
    background-color:#aa0000;
    padding:5px 5px 5px 5px;
}
.formright
{
    margin-left:20px;
}
.formright input,
.formright select,
.formright textarea,
.formright .error
{
    float:right;
}
.formright label
{
    text-align:left;
}
.formright .error
{
    margin-right:0px;
}



/* Contact - Map & Directions widget */
.mapAndDirections a
{
    background-position:right -490px;
    color:#ccc;
    cursor:pointer;
}
.mapAndDirections a:hover,
.mapAndDirections a.on
{
    background-position:right 4px;
    color:#fff;
}
.mapAndDirections a.on
{
    float:left;
}
.shut
{
    display:none;
    float:right;
    cursor:pointer;
    color:#ccc;
}
.shut:hover
{
    color:#fff;
}
.mapAndDirections .halfwidth
{
    margin-top:0px;
}
.mapAndDirections .halfwidth div
{
    float:left;
    clear:left;
}




/*/ Boxes with hilight */
dl.boxes, dl.boxes dd, dl.boxes dd div
{
    margin:0 0 0 0;
    padding:0 0 0 0;       
}
dl.boxes dd
{
    width:166px; 
    margin-right:20px;
    background-image:url('/images/box_bg.gif');
    float:left;
    cursor:pointer;
}
dl.boxes dd.right
{
    margin-right:0px;
}
dl.boxes dd div.top, dl.boxes dd div.bot
{
    height:14px;
    font-size:0px;
    line-height:0px;
    background-image:url('/images/box_top.gif');
    background-repeat:no-repeat;
    background-position:left top;
    width:166px;
}
dl.boxes dd div.bot
{
    height:10px;
    background-position:left bottom;
    background-repeat:no-repeat;
    background-image:url('/images/box_bot.gif');
    
}
dl.boxes dd:hover,
dl.boxes dd.on
{
    background-image:url('/images/box_bg_on.gif');
}
dl.boxes dd.on
{
    cursor:auto;
}
dl.boxes dd:hover div.top,
dl.boxes dd.on div.top
{
    background-position:left -30px;
}
dl.boxes dd:hover div.bot,
dl.boxes dd.on div.bot
{
    background-position:left -10px;
}
dl.boxes dd h2
{
    width:146px;
    height:auto;
    color:#aaa;
}
dl.boxes dd:hover h2,
dl.boxes dd.on h2
{
    color:#fff;
}
dl.boxes dd span.arrow
{
    height:6px;
    display:block;
    margin:0px 10px 0px 0px;
}
dl.boxes dd:hover span.arrow
{
    background-position:right top;
}
dl.boxes dd h2
{
    border:none;
    display:block;
    padding-bottom:6px;
    margin:0px 10px 0px 10px;
}

/*/ News page /*/
.news, .news .panel
{
    margin-top:0px;
}
.news h3
{
    margin-bottom:15px;
}
.news h3 span
{
    float:left;
}
.news .rss
{
    float:right
}

/*// Client case study page //*/
.client_case_study_img
{
    overflow:hidden;
    height:90px;
}
.client_case_study_img img
{
    margin-top:-90px;
}
/*/ Homepage what we do list: */
h3.whatwedo
{
    padding:0; margin:0; height:20px;
}
h3.whatwedo a.arrlink
{
    margin:0px; padding-top:0; padding-bottom:0
}




/*///// Footer area & SEO ////////*/

.area-footer
{
    margin-top:30px;
    margin-bottom:50px; /* temp */
    width:100%;
    border-bottom:solid 1px #191919;
    border-top:solid 1px #333;
    float:left;
    clear:both;
    background-image:url('/images/bgs/footer.gif');
    background-position:left top;
    background-repeat:repeat-x;
}
.area-footer .footer
{   
    margin:0 auto; 
    width:995px;
}
.area-footer .footer h2
{
    color:#888;
}
.area-footer .footer .SEO
{
    float:left;
    clear:both;
    width:725px;
    margin:54px 0px 0px 255px;
}
.area-footer .footer .SEO ul
{
    float:left;
}
.area-footer .footer .SEO ul, .area-footer .footer .SEO ul li
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    color:#555;
    width:175px;
}
.area-footer .footer .SEO ul li
{
    height:18px;
}
.area-footer .footer .SEO span
{
    clear:left; display:block; float:left; margin-top:30px;
    width:130px;
}

/*/// SEO PANEL ///*/
.PanelSEO
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background-color:#e5e5e5;
    border:solid 1px #fcfcfc;    
    border-left-style:none;
    border-right-style:none;
    z-index:200;
}
.PanelSEO div
{    
    margin:0 auto;
    color:#000;
    padding:3px 0 3px 0;
    height:auto;
    width:954px;
}
.PanelSEO strong
{
    display:block;
    float:left;
    width:220px;
}
.PanelSEO div a
{
    cursor:pointer;
    color:#000;
    margin-right:20px;
}
.PanelSEO div a:hover
{
    text-decoration:underline;
}
#PanelSEOForm
{
    border-top:solid 1px #fff;
    width:100%;
    padding:0;
    background-color:#ccc;
    display:none;
    height:70px;
}
#PanelSEOForm span
{
    float:left;
    clear:left;
    margin:3px 0px 0px 220px;
    width:100%;
}
#PanelSEOForm label
{
    width:120px;
    float:left;
}
#PanelSEOForm input, #PanelSEOForm select
{
    width:400px;
    padding:1px 5px 1px 5px;
    background-color:#fff;
    color:#222;
}
#PanelSEOForm select
{
    width:200px;
    padding-right:0px;
}
#PanelSEOForm input.SEOButton
{
    border:none;
    float:right; 
    width:100px; 
    margin:3px 202px 0 0;
    cursor:pointer;
    color:#000;
    border:solid 1px #000;
    text-transform:uppercase;
}


/*////   Site Themes    //////////*/
/*/ all themes /*/
.lightblue .area-content,
.green .area-content,
.red .area-content,
.blue .area-content,
.lightblue .area-left, 
.green .area-left, 
.red .area-left, 
.blue .area-left { margin-top:112px; }

.lightblue .area-header,
.green .area-header,
.red .area-header,
.blue .area-header { height:187px; }

/*// Green /*/
.green { background-image:url('/images/bgs/bg-green.jpg'); }
.green .area-header { background-image:url('/images/bgs/header-green.gif'); }
.green .area-left dl dd span { color:#009933; }

/*// Red /*/
.red { background-image:url('/images/bgs/bg-red.jpg'); }
.red .area-header { background-image:url('/images/bgs/header-red.gif'); }
.red .area-left dl dd span { color:#cc00cc; }

/*// Blue /*/
.blue { background-image:url('/images/bgs/bg-blue.jpg'); }
.blue .area-header { background-image:url('/images/bgs/header-blue.gif'); }
.blue .area-left dl dd span { color:#2f95fb; }

/*// Lightblue /*/
.lightblue { background-image:url('/images/bgs/bg-blue.jpg'); }
.lightblue .area-header { background-image:url('/images/bgs/header-lightblue.gif'); }
.lightblue .area-left dl dd span { color:#34dbff; }


/*///// Admin Add Forms ////*/
.showAdmin
{
    text-transform:none;
}
.adminForm_wrap
{
    position:relative; 
    float:left; 
    clear:left; 
    width:1px; 
    height:1px;
    display:none;
}
.adminForm
{
    background-color:#ccc;
    float:left;
    margin:-16px 0px 15px 0px;
    padding:0px 0px 10px 15px;
    width:705px;
    border:solid 1px #fff;
    color:#000;
    
    filter: alpha(opacity=95);
    opacity: 0.95;
    
    position:absolute;
    background-image:url('/images/adminForm.gif');
    background-position:322px bottom;   
    background-repeat:no-repeat;
}
.adminForm span
{
    width:722px;
    float:left;
    clear:both;
    margin:10px 10px 5px;
}
.adminForm span label
{
    float:left;
    width:702px;
    display:block;
}
.adminForm span textarea
{
    width:645px;
    margin-top:5px;
}
.adminForm div
{
    width:332px;
    float:left;
    margin:0px 10px 0 10px;
}
.adminForm div span
{
    width:332px;
    margin:0 0 5px 0;
}
.adminForm div span label
{
    width:100px;
}
.adminForm div span input, 
.adminForm div span select,
.adminForm div span textarea 
{
    width:190px;
    float:left;
    margin-top:0px;
}
.adminForm div span.checkbox,
.adminForm div span.checkbox input
{
    background-color:Transparent;
    border:none;
    width:auto;
    clear:none;
}
.adminForm div span select
{
    width:200px;
}
span.adminForm_title
{
    margin:10px;
    width:684px;
    font-weight:bold;
}
.adminForm .mceEditor 
{
    margin-left:0px;
}  
.adminBtn
{
    width:auto;
    background-color:#fff;
    text-transform:uppercase;
    float:right;
    margin-right:70px;
    width:200px;
    cursor:pointer;
    color:#000;
}
.smallAdminBtn 
{   
    float:left;
    width:auto;
    padding:0px 8px;
    border:solid 1px #858585;
    cursor:pointer;
    color:#858585;
    line-height:15px;
    margin:4px 10px 0px 0px!important;
}
.smallAdminBtn:hover
{
    border:solid 1px #fff;
    color:#fff;
    background:#000;
}
.clientgrid .smallAdminBtn 
{
    margin:8px 0px -5px 10px!important;
}
.adminBtnLeft
{
    width:auto;
    background-color:#fff;
    text-transform:uppercase;
    float:left;
    margin-right:70px;
    width:200px;
    cursor:pointer;
    color:#000;
}
.adminBtnEdit
{
    width:auto;
    background-color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    width:60px;
    color:#000;
}
.adminBtnDelete
{
    width:auto;
    background-color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    width:60px;
    color:#000;
    margin-left:5px;
}
span.adminButtons
{
	float:left; 
	margin-bottom: 5px;
	text-align:left;
}
.adminForm span.adminFormRemaining
{
    width:646px;
    margin:0;
    display:block;    
    padding:0 1px 2px 5px;
    background-color:#000;
    color:#aaa;
}
.adminForm span.adminFormRemaining span
{
    color:#fff;
    width:auto;
    clear:none;
    float:none;
    margin:0;
}
.adminForm div span.adminFormRemaining
{
    width:191px;
    margin-left:101px;
}

/***************Editable Controls**********************/
.area .area-content .updateButton,
.area .area-content .cancelLink
{
    float:left;
	border:none;    
	width:100px; 
	height:auto;
	cursor:pointer;
	color:#fff;
	line-height:15px;
	border:solid 1px #fff;
	text-transform:uppercase;
	padding:4px 0px 5px;
	margin:12px 4px 15px 10px;
}
.area .area-content .cancelLink
{
    margin-left:0px;
    text-align:center;
}

span.mediacontrol_links
{
    margin:0 0 0 0;
    display:block;
    float:left;    
    width:300px;
    height:20px;
}
span.mediacontrol_links input
{
	border:none;    
	width:100px; 
	cursor:pointer;
	color:#fff;
	border:solid 1px #fff;
	text-transform:uppercase;
	padding-bottom:4px;
}
/* ----- BORCHURE PAGE / FULL WIDTH PAGE -----[WA 20/05/2010] ----- */
.full-width { margin-left:-235px; }
.full-width a.brochure-splash img { border:0; margin-left:-45px; }
.full-width a.right { float:right }
.full-width a.button.right { margin:-40px 0 40px; }

body .title 
{
    border:0;
    text-indent:-9999px;
    background:url('/images/titles/onlinemarketing.png') no-repeat left top;
}