/*corrects some issues in IE6*/
div.genericdivcms {
    *padding-top: 10px;
    _padding-top: 10px;
    _margin-top: 10px;
}


/*system pages */


div.systempage div.leftarea {
    width: 600px;
    float: left;
    *margin-right: 10px;
}
div.systempage div.rightarea {
    float:left;
    width: 300px;
    margin-left: 30px;
}
div.systempage div.leftsearcharea {
    width: 220px;
    float: left;
    margin-right: 15px;
}
div.systempage div.rightmainarea {
    float:left;
    width: 700px;
    font-size: 11px;
}
div.systempage div.rightareaboxhighlighted {
    border: 1px solid #cccccc;
    background-color: #FFC59D;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
div.systempage div.rightareaboxhighlighted a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;


}
div.systempage h1 {
    padding: 5px!important;
    color: #273896;
    font-family: 'Trebuchet MS', Arial;
    font-weight: normal;
    margin-bottom: 10px;
}
div.systempage hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}
div.systempage h2 {
    font-size: 15px!important;
    color: #273896;
}
div.systempage h3 {
    font-size: 12px!important;
    color: #aaaaaa;
    font-weight: bold;
}

div.systempage td {
    text-align: left;
}

div.closebutton {
    background-image:url(../../../views/default/images/cancel.png);
    float: right;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

div.genericbox div.titlebox {
    color: #333333;
    background-color: transparent!important;
    font-size: 11px;
    height: 18px;
    font-weight: normal;
    padding: 5px;
}

div.genericbox {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.genericbox div.contentbox {
    border: 1px solid #D1D1D1;
    background-color: #ffffff;

    padding: 10px;
}
#socialnetworks {
    margin-left:30px;
    padding-top: 10px;
}
#socialnetworks a {
    padding-left: 7px;
    padding-right: 7px;
}
#socialnetworks a img {
    border: 0px;
}

div#socialnetworkssharebox {
    margin-left: 15px;
    color: #9e9e9e;
    padding-bottom: 50px;
    _margin-left: -300px;
    _margin-top: -120px;
}
div.systempage hr {
    border: 1px solid #cccccc;
}
table.list td {
    font-size: 11px;
    padding: 3px;
}
table.list td a {
    text-decoration: none;
}
table.list tr.even td {
    background-color: #FAFBFE;
    border-bottom: 1px solid #ededed;
}
div.printsendarea {
    background-color: #ffffff;
    margin-bottom: 12px;
    padding: 4px 20px;
    text-align: right;
}
div.printsendarea a {
    text-decoration: none;
    font-weight: bold;
}
div.searchhead {
    width: 100%;

    border: 1px solid #cccccc;
    min-height: 17px;
    padding: 5px;
    font-size: 11px;
    margin-bottom: 10px;
    background-color: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(top,  #ffffff,  #efefef);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
div.backtoresults {
    text-align: right;
    margin-bottom: 10px;
}
div.backtoresults a {
    font-weight: normal!important;
    font-size: 11px;
}
div.searchhead span.highlight {
    font-weight: bold;
}
div#pages {
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 30px;
}
div#pages a {
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #efefef;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(top,  #ffffff,  #efefef);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    color: #666666;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
div#pages a:hover {
    background-color: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#efefef));
    background: -moz-linear-gradient(top,  #cccccc,  #efefef);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#efefef');
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    color: #333333;
}
div#pages span.currentpage {
    font-weight: bold;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

div.youarehere {
    font-size: 11px;
    margin-bottom: 15px;
    padding: 5px;
    height: 10px!important;
    background-color: transparent;
}
div.youareheretitle {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

/*maps*/

div.googlemap {
    float: left;
    margin-right: 20px;
}

div.mapactions {
    margin-top: 20px;
}
div.mapactions a {
    margin: 20px;
    border: 1px solid #cccccc;
    background-color: #efefef;
    padding: 10px;
}

/* system forms */

input {
    border: 1px solid #cccccc;
    background-color: #efefef;
    font-family: 'Trebuchet MS';
}
input.submitbutton {
    padding: 3px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    cursor: pointer;
}
input.submitbutton:hover {
    background-color: #FFFFCC;
}
input:hover {
    background-color: #FFC59D
}
select  {
    border: 1px solid #cccccc;
    background-color: #efefef;
    font-family: 'Trebuchet MS';
}
select:hover {
    background-color: #FFC59D;
}
textarea {
    border: 1px solid #cccccc;
    background-color: #efefef;
    font-family: 'Trebuchet MS';
    font-size: 11px;
}
textarea:hover{
    background-color: #FFC59D;
}

input.button {
    padding: 3px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 5px;
}

div.alertmsg {
    font-size: 12px;
    font-weight: bold;
    color: red;
    padding: 10px;
    border: 1px solid #FFB0B0;
    background-color: #FFFFCC;
    margin-left: 5px;
    margin-bottom: 5px;
}
div.successaction {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #efefef;
    margin-left: 5px;
    margin-top: 10px;
}
div.alertmsgsmall {
    padding-left: 15px;
    font-size: 11px;
    color: red;
    font-weight: bold;
}
span.alertmsg {
    font-weight: bold;
    color: red;
    padding-left: 4px;
}
input.alertmsg {
    background-color: #FFCBBF;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    border: 1px solid #FFB0B0;
}
textarea.alertmsg {
    background-color: #FFCBBF;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    border: 1px solid #FFB0B0;
}
select.alertmsg {
    background-color: #FFCBBF;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    border: 1px solid #FFB0B0;
}
table.submitform{
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
table.submitform td{
    padding: 3px;
}
table.submitform td.title{
    font-weight: bold;
    font-size: 13px;
    color: #999999;
    border-bottom: 1px solid #efefef;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
}
table.submitform td.note{
    color: #999999;
}

div.loading {
    background-image:url(../../../views/default/images/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
div.smallloading{
    background-image: url(../../../views/default/images/ajax-loader.gif);
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.alert{
    font-weight: bold;
    color: red;
}
/*searches*/
div.searchresult {
    border: 1px solid #efefef;
    width: 444px;
    margin-right: 20px;
    float: left;
    height: 200px;
    min-height: 200px;
    margin-bottom: 10px;
}
div.searchtitle {
    background-color: #efefef;
    border-bottom: 1px solid #cccccc;
    padding: 3px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #666666;
    padding-left: 10px;
}
div.searchcontent {
    padding: 10px;
}
div.searchcontent td {
    vertical-align: top;
    text-align: left;
    padding: 3px;
}
div.searchsubtitle {
    color: #aaaaaa;
    font-weight: bold;
}
div.searchlink {
    padding-left: 300px;
    font-weight: bold;
}
div.elementadvancedsearch div.title {font-weight: bold; color: #999999;}
div.elementadvancedsearch div.title td {font-weight: bold; color: #999999;}
div#pages {
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 30px;
}
div#pages a {
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #efefef;
    margin-left: 5px;
    margin-right: 5px;
}
div#pages span.currentpage {
    font-weight: bold;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
}


/*login, join, myhome */

div.registerpage div.registerarea {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 900px;
    padding: 0px;
}
div.myhomepage div.registerarea {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 900px;
    padding: 0px;
}
div.registerpage div.registerarea div.registerareatitle {
    font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
    border: 0px solid #ffffff;
    color: #666666;
    padding: 5px;
    width: 890px;
    border-bottom: 1px solid #ededed;
}
div.registerpage div.registerarea div.registerareacontent {
    padding-top: 5px;
    width: 100%;

}
div.registerpage div.registerarea div.registerareacontent span.registrationdescription {
    padding: 5px;
}

div.registerarea div.registrationdescription {
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 7px;
    margin-bottom: 3px;
}
div#myhomepage div.boxarea {
    width: 300px;
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
div#myhomepage div.genericbox {
    margin-top: 0px;

}
div#myhomepage div.genericbox div.contentbox {
    height: 164px;
    min-height: 164px;

}
div#myhomepage div.genericbox div.contentboxnopadding {
    height: 184px;
    min-height: 184px;

}
div#myhomepage td {
    text-align: left;

}

div#myhomepage table.profilebox {
    width: 277px;
}
div#myhomepage table.profilebox td {
    text-align: left;
    padding: 3px;
    vertical-align: top;
}
div#myhomepage table.profilebox td a {
    text-decoration: none;
}
div#myhomepage table.profilebox td.linkmore {
    padding-right: 30px;
    text-align: right;
}
div.backlink {
    text-align: right;

}
div.backlink a {
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 10px;
}

div.registerpage {

}
div.registerpage div.loginarea {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 900px;
    padding: 0px;
}
div.registerpage div.loginarea div.loginareatitle {
    font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
    border: 0px solid #ffffff;
    color: #666666;
    padding: 5px;
    width: 890px;
    border-bottom: 1px solid #ededed;
}
div.registerpage div.loginarea div.loginareacontent {
    padding-top: 5px;
    width: 100%;
}
div.registerpage div.loginarea div.loginareacontent span.logindescription {
    padding: 5px;
}
div.registerpage div.loginarea div.loginareacontent input.button {
    padding: 3px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    cursor: pointer;
}
div.registerpage div.loginarea div.loginareacontent  table.logintable td {
    padding: 3px;
    text-align: left;
}

div.loginpage div.loginarea {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 900px;
    padding: 0px;
}
div.loginpage div.loginarea div.loginareatitle {
    font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
    border: 0px solid #ffffff;
    color: #666666;
    padding: 5px;
    width: 890px;
    border-bottom: 1px solid #ededed;
}
div.loginpage div.loginarea div.loginareacontent {

    padding-top: 5px;
    width: 100%;
}
div.loginpage div.loginarea div.loginareacontent span.logindescription {
    padding: 5px;
}
div.loginpage div.loginarea div.loginareacontent input.button {
    padding: 3px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    cursor: pointer;
}
div.loginpage div.loginarea div.loginareacontent  table.logintable td {
    padding: 3px;
    text-align: left;
}
div.loginpage div.loginarea div.loginareacontent table.logintable td.submitbutton {
    text-align: right;
}
div.loginpage div.loginarea div.loginareacontent table.logintable input {
    font-family: 'Trebuchet MS', Arial;
    font-size: 11px;
}
div.loginadvancedoptions {
    border: 1px solid #cccccc;

}
div.loginadvancedoptions div.loginadvancedoptionstitle {
    background-color: #efefef;
    font-size: 11px;
    padding: 3px;
    font-weight: bold;
}
div.loginadvancedoptions div.loginadvancedoptionscontent {
    padding: 10px;
    background-color: #ffffff;
}
div.loginadvancedoptions div.loginadvancedoptionsalert {
    color: red;
    font-weight: bold;
}
div#registerlinks {
    font-weight: bold;
    padding: 5px;
    width: 100%;
}
div#registerlinks ul {
    float: right;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    _margin-top: -20px;
    padding: 0px;
    text-align: left;
    display: block;
}
div#registerlinks li {
    list-style-type: none;
    margin: 0px 0px 0px 1px;
    text-align: center;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
div#registerlinks li a {
    text-decoration: none;
}
table.mailboxbox {
    border: 1px solid #cccccc;

}
table.mailboxbox td.mailboxcurrent {
    border-bottom: 1px solid #cccccc;
    background-color: #dddddd;
    font-weight: bold;
    padding: 5px;
    color: #888888;
}
table.mailboxbox td.mailboxmenu {
    background-color: #efefef;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 20px;
    width: 20%;
    border-right: 1px solid #cccccc;
}
table.mailboxbox td.messagelistarea {
    padding-left: 10px;
    width: 80%;
    border-bottom: 1px solid #cccccc;
}
table.mailboxbox td.messagelistarea div.searchhead {
    font-weight: bold;
    padding-bottom: 20px;
}
div.mailboxsearchresult {
    height: 20px;
    float: none;
    cursor: pointer;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}
div.mailboxsearchresult a {
    color: #333333;
    text-decoration: none;
}
div.mailboxsearchresult:hover {
    background-color: #ECF2FF;
}
span.columnmailboxsearchresult {

    display: block;
    float: left;
    width: 30%;
    padding-left: 5px;
}
table.mailboxbox td div#pages span {
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
}
table.mailboxbox td.messagecontent div.messageheader {
    padding-left: 6px;
    padding-right: 6px;
    background-color: #efefef;
    border-bottom: 1px solid #cccccc;
}
table.mailboxbox td.messagecontent div.messagetext {
    padding: 10px;
}
table.mailboxbox td.messagecontent div.messagetext div.messageactionarea a {
    display: block;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #dddddd;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}


/*tabs*/
div.tabcontainer {
    margin-bottom: 7px;
    margin-top: 8px;
    padding-top: 10px;
}
div.tabcontainer span.tabitemselected {
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    background-color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: none;
    font-weight: bold;
}
div.tabcontainer span.tabitem {
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background-color: #efefef;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 7px;
    background-image: none;
    font-weight: bold;

}
div.tabcontainer a {
    text-decoration: none;

}
div.tabcontent {
    border: 1px solid #cecece;
    padding: 10px;
    margin-bottom: 10px;
}




/*simple gallery */
div.galleryarea div#gallerycontainer {

}
div.galleryarea div#gallerymainimagearea {
    float: left;
    width: 470px;
    text-align: center;
    display: table-cell;
}
div.galleryarea div#gallerymainimage {

    margin: auto;
}
div.galleryarea div#gallerymainimagedescription {
    line-height: 0px;
    padding: 0px;
    border: 0px solid #cccccc;
    background-color: #131313;
}
div.galleryarea div#galleryimagelist {
    overflow: auto;
    width: 200px;
    float: left;
    display: table-cell;
}
div.galleryarea div#galleryimagelist {
    overflow: auto;
    min-height: 350px;
    width: 200px;
}
div.galleryarea div#galleryimagelist div.galleryimagethumb {
    width: 80px;
    text-align: center;
    padding: 5px;
    float: left;
}
div.galleryarea div#galleryimagelist div.galleryimagethumb img {
    border: 1px solid #efefef;
}
div.galleryarea div#galleryimagelist div.galleryimagethumb img.selected {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

/*news*/
div.newsitem {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}
div.newsitem div.date {
    border:1px solid #cccccc;
    width:5.0em;
    font-family: Trebuchet MS;
    float: left;
    padding-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
div.newsitem div.date .top {
    color:#fefefe;
    background-color:#999999;
    padding: 3px;
    margin-bottom: 3px;
    font-weight: bold;

    margin-left: auto;
    margin-right: auto;
}
div.newsitem div.date .top p {
    text-align: center!important;
}
div.newsitem div.date p {
    margin:0 auto;
    padding:0;
    text-align: center!important;
    font-size:x-small;
    margin-left: auto;
    margin-right: auto;
}
div.newsitem div.date p.day {
    font-size: 20px;
    font-weight: bold;
    text-align: center!important;
}
div.newsitem div.newsinfo {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 300px;
}
div.newsitem div.newsinfo div.newstitle {
    font-weight: bold;
}
div.newsitem div.newsinfo div.morelink {
    margin-top: 5px;
}
div.newsitem div.newsinfo div.morelink a {
    font-weight: bold;
    text-decoration: none;

}


/*events*/
div.eventscalendararea table.eventscalendar {
    border: 1px solid #9c9c9c;
    width: 300px;
}
div.eventscalendararea div.eventscalendar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
div.eventscalendararea table.eventscalendar td.monthyear{
    background-color: #dedede;
    text-align: center!important;
    padding: 10px;
    text-transform: uppercase;
}
div.eventscalendararea table.eventscalendar td.monthyear span.prevmonthlink {
    margin-left: 20px;
    margin-right: 20px;
    padding: 4px;
}
div.eventscalendararea table.eventscalendar td.monthyear span.nextmonthlink {
    margin-left: 20px;
    margin-right: 20px;

}
div.eventscalendararea table.eventscalendar td.monthyear a {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 4px;
}
div.eventscalendararea table.eventscalendar td.weektitle {
    background-color: #e0e0e0;
    text-align: center!important;
    padding: 4px;
}
div.eventscalendararea table.eventscalendar td.day {
    text-align: center!important;
    padding: 3px;
    background-color: #efefef;
}
div.eventscalendararea table.eventscalendar td.emptyday {
    background-color: #ffffff;
}
div.eventscalendararea table.eventscalendar td.today {
    background-color: #eefece!important;
}
div.eventscalendararea table.eventscalendar td.event {
    background-color: #eeeefe!important;
}
div.eventscalendar {
    /*display: table-cell;
    *display: inline-block;
    _display: inline-block;*/
}
div.eventslistarea {
    /*display: table-cell;
    *display: inline-block;
    _display: inline-block;*/

}
div.eventslistareatitle {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
}
div.eventitem {
    border-bottom: 1px solid #cccccc;
}
p.eventname {
    font-weight: bold;
}
div#eventlocationgooglemap {
    width: 630px;
    height: 500px;
}

/*products and services*/
div#prodservfrmbasicsearcharea span.formitem {
    padding: 5px;
}
div#prodservfrmbasicsearcharea input#prodservbasicsearchform_prodservsubmit {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-family: 'Trebuchet MS', Helvetica, Arial;
    font-size: 11px;
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
div.prodservfilterarea {
    border: 1px solid #cccccc;
    font-size: 11px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
}
div.prodservfilterarea_maintitle {
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cccccc));
    background: -moz-linear-gradient(top,  #efefef,  #cccccc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#cccccc');
    padding: 5px;
}
div.prodservfilterarea_title {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(top,  #ffffff,  #efefef);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
}
div.prodservfilterarea_content {
    margin-top: 10px;
    padding: 5px;
}
div.prodservfilterarea_content li {
    list-style-image:none!important;
    list-style-position:outside!important;
    list-style-type:none!important;
}
div.prodservfilterarea_content ul {
    list-style: none!important;
    margin: 0px!important;
    padding: 0px!important;
}
div.prodservfilterarea_content li.prodservviewall {
    min-height: 20px!important;

}
div.prodservfilterarea_content li.prodservviewall a {
    float: right;
}
div.prodservfilterarea_content a.prodservcategorylink {
    font-weight: bold;
}
div.prodservfilterarea_content a.checkboxlink {
    background-image:url(../../../views/default/images/checkinactive.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
}
div.prodservfilterarea_content a.checkboxlink:hover {
    background-image:url(../../../views/default/images/check.png);
    background-repeat: no-repeat;
}
div.prodservfilterarea_content a.checked {
    background-image:url(../../../views/default/images/checkactive.png);
    background-repeat: no-repeat;
}
div.prodservfilterarea_content a.active {
    background-image:url(../../../views/default/images/checkactive.png);
    background-repeat: no-repeat;
}
div.prodservfilterarea_content a.inactive {
    background-image:url(../../../views/default/images/checkinactive.png);
    background-repeat: no-repeat;
}
div.prodservfilterarea_content a.checked:hover {
    background-image:url(../../../views/default/images/cancel.png);
    background-repeat: no-repeat;
}
div#prodservicesearchresults div.searchresults {
    min-height: 615px;
}
div.prodservitem {
    border: 1px solid #cccccc;
    padding: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    min-height: 165px;
    background-color: #ffffff;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;


}
div.prodservitem div.prodservname {
    padding-top: 3px;
    width: 128px;
}
div.prodservitemfocus {
    background-color: #efefef;
}
div.prodservitem div.quickview {

    top: 56px;
    left: 26px;
}
div.prodservitem div.quickview a {
    text-decoration: none;
    color: #666666!important;
    background-color: #FFFF99;
    border: 1px solid #cccccc;
    padding: 5px;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    /*border-radius: 5px;
	behavior: url('<?php echo SITE_URL ?>util/border-radius.htc');*/

}
div.prodservitem div.quickview a:hover {
    text-decoration: none!important;
    background-color: #FFFF33;
}
div.prodservpreview {
    border: 1px solid #cccccc;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    min-width: 260px;
    min-height: 200px;
    background-color: #ffffff;
    z-index: 200;
    top: -120px;
    left: -90px;
}
div.prodservpreviewcontent {
    padding: 5px;
}
div.prodservpreviewcontent h3 {
    font-style: normal!important;
    font-weight: bold!important;
    font-size: 13px!important;
    font-family: Arial, 'Trebuchet MS';
}
div.prodservpreviewcontent h3 a {
    float: none!important;
    display: block!important;
    color: #cc66ff!important;
    width: 95%;
}
div.prodservpreviewcontent div.infoprodarea {
    border: 1px solid #cccccc;
    background-color: #efefef;
    margin-top: 5px;
    padding: 5px;
}
div.prodservpreviewcontent div.infoprodarea span.topic {
    font-weight: bold;
}
div.prodservpreviewcontent div.infoprodarea div.prodservdescription {
    padding: 5px;
}
div.prodservpreviewcontent div.infoprodarea div.prodservcontent {
    padding: 5px;
}
div#prodserviceitem div#prodservimgarea {
    margin-top: 10px;
    float: left;
    margin-right: 10px;
    border: 1px solid #cccccc;
}
div#prodserviceitem div#prodservinfoarea {
    margin-top: 10px;
    font-size: 11px;

}
div#prodserviceitem div#prodservinfoarea span.topic {
    font-weight: bold;
}
div#prodserviceitem div#prodservinfoarea p.prodservdescription {
}
div#prodserviceitem div#prodservinfoarea p.prodservcontent {
}

/*datepicker and ui widgets */

.ui-datepicker { width: 190px; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { margin-left: 15px;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right;margin-right: 15px; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#ui-datepicker-div{z-index: 9999999;}
/* Component containers
----------------------------------*/

.ui-widget-content { background-color:#FEF0EF;font-size: 10px;}
.ui-widget-content a { color: #0066cc; }
.ui-widget-header { border: 1px solid #efefef; background-color:#FBDDDB; color: #666666;height: 20px; font-size: 10px;}
.ui-widget-header select {
    font-size: 10px;
}
.ui-widget-header a { color: #0066cc;cursor:pointer;padding:4px; }
.ui-menu .ui-menu-item {
    width: 192px !important;
}
.ui-autocomplete {
    width: 194px !important;
}