@import "autosuggest_inquisitor.css";
/*@import "../js/themes/base/ui.all.css";*/
@import "../js/themes/base/ui.theme.css";



/*------------------------------------------------
--CURRENTLY A BIT OF A MESS--

DEFAULT RESUMIX CSS

**TABLE OF CONTENTS**
A - PARTIAL RESET
00 - GENERAL STRUCTURE
01 - BASIC COLORING
02 - TABLES
03 - TOP NAVIGATION
04 - MAIN NAVIGATION
05 - PAGING
06 - ICONS
07 - TOOL TIPS
08 - GENERAL TYPOGRAPHY
09 - NEWS
10 - LINK BUTTONS
11 - ADMIN CONTROLS OVER USER
12 - DATE PICKER

----------------------------------------------*/
/* A - PARTIAL RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
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;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: #eee;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*  -01 - UNSORTED */

.OverviewBox
{
    border:1px solid #eee;
    padding:8px;
    margin:5px;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition-duration: 0.5s;transition-duration: 0.5s;    
    }
.OverviewBox:hover,.OverviewBox.alt:hover{border:1px solid #ccc}    

.oLink{margin-right:15px;}

/*  00 - GENERAL STRUCTURE
/* ----------------------------------------------*/
html{height:100%;}
body
{
    margin: 0px;
    padding: 0px;
    font: 12px Verdana, Tahoma;
    color: #4D4D4D;
    background-color:#eeeeee;
    height:100%
    
}

.container{margin: 0 auto;width: 906px;}

#topNav{margin:0px;font-size: 8px;height:5px;padding:5px 10px 0px 10px;}
#mainNav
{
    display: block;
    height: 76px;
    z-index: 1000;
    text-transform: uppercase;
    background: url(../images/mainMenu_grey.png) no-repeat;
    padding-top: 5px;
    margin:10px 0px 0px 0px;
}
#main{line-height: 18px;}
#leftcontent{width:683px;float:left}
.content{padding:10px;background: url(../images/content_bg_new.png) repeat-y}

.content_small.top {height:12px; padding:0px;background: url(../images/content_top_small.png) no-repeat; }
.content_small.bottom {height:1px; background: url(../images/content_bottom_small.png) no-repeat; }
.content_small{padding:10px;background: url(../images/content_bg_small.png) repeat-y}

.content.top {height:11px; padding:0px;background: url(../images/content_top_new.png) no-repeat; }
.content.header {height:40px; padding:0px;background: url(../images/content_header_bg.png) no-repeat; }
.content.bottom {height:1px; background: url(../images/content_bottom_new.png) no-repeat; }





#subnav{float:right;width:auto;overflow:hidden;height:44px;}
#subnavWide{border-bottom:1px solid #737373;width:auto;margin-left:1px;float:left;overflow:hidden;height:35px;}
#subnavWide .left,#subnav .left{width:5px;height:20px;float:left;padding:10px 1px;background: url(../images/sub_left.png);}    
#subnavWide .mid,#subnav .mid{float:left;height:20px;padding:15px 10px;background: url(../images/sub_mid.png) repeat-x;}    
#subnavWide .right,#subnav .right{width:8px;height:20px;float:left;padding:10px 1px;background: url(../images/sub_right.png);}    
#subnav a:link,#subnav a:visited,
#subnavWide a:link,#subnavWide a:visited
{
    background: url(../images/sep_subnav.png) left no-repeat;
    padding:12px 10px 12px 20px;
    text-decoration:none;
    font: 10px Verdana, Tahoma;
    font-weight:bold;
    color:#fff;
    -webkit-transition-duration: 0.5s;transition-duration: 0.5s;
    }
#subnav a:hover,#subnav a.selected,
#subnavWide a:hover,#subnavWide a.selected
{color:yellow}

#subnav a:link,#subnav a:visited{font: 10px Verdana, Tahoma;font-weight:bold;}

#subnav a:first-child,#subnavWide a:first-child{background: none;}

#admincontrols {float:right;display:block}
#admincontrols a{color:red;padding:5px;}

a.feature
{
    height:200px;
    display:inline-block;
    vertical-align:text-top;
    clear:left;
    text-align:left;
    margin:-10px 5px;
    font-size:10px;
    width:250px;
    padding:12px;
    text-decoration:none;
    border:1px solid #fff
    }
a.feature:hover{background-color:#F0FFF0;}


/* 01 - BASIC COLORING
/* ----------------------------------------------*/

a:link, a:visited{color: #58a;}
a:hover{color: #312413;}
.content a,blockquote a{-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}

h1,h2,h3,h4{color: #666;}
.content h1,.content h2,.content h3,.content h4{color: #710024;margin-bottom:4px;}
.red{color:red}

a.feature h2{font-size:2em;color:#000;margin:0px;}
a.feature p{color:#999;}
.hint{padding:5px;margin:5px 10px;border:#DDEEF9 1px solid;background-color:#F2FAFD;
      -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.hint p{font:11px verdana #666}


blockquote
{
    width:302px;
    height:210px;
    /*display:inline-block;*/
    float:left;
     /*
    margin:0px 17px 0px -4px ;

    border:0.5px solid #000 ;*/
}


   .contactForm
    {
   
        padding: 100px 0px 0px 50px;
        text-align: left;
        width: 900px;
        height: 400px;
        margin: 1% auto;
        background: url(../images/contact_bg.png) no-repeat;
    }
    
   




blockquote.directions{background: url(../images/panels/direction_small.png);}
blockquote.up{background: url(../images/panels/up_small.png);}
blockquote.video{background: url(../images/panels/video_small.png);}
blockquote.video_blue{background: url(../images/panels/video_small_blue.png);}
blockquote.classifieds{background: url(../images/panels/classifieds_small.png);}
blockquote.look{background: url(../images/panels/look_small.png);}
blockquote.handshake{background: url(../images/panels/handshake_small.png);}
blockquote.demo{background: url(../images/panels/demo_small.png);}
blockquote.login{background: url(../images/panels/login_small.png);}

blockquote.bgLeft{background-repeat:no-repeat;background-position:left}
blockquote.bgRight{background-repeat:no-repeat;background-position:right}
blockquote.bgCenter{background-repeat:no-repeat;background-position:center}

.bgLeft h4{float:left;margin:18px 0px 0px 15px ; padding:0px;font-size:28px; font-weight:normal;line-height:1.2em}
.bgLeft p{clear:both;margin:0px 20px;}
.bgLeft a{text-decoration:none;clear:both;float:right;margin-right:60px;margin-top:20px;}

.bgRight h4{float:left;margin:18px 0px 0px 30px ; padding:0px;font-size:28px; font-weight:normal; line-height:1.2em}
.bgRight p{clear:both;margin:0px 30px;}
.bgRight a{text-decoration:none;clear:both;float:right;margin-right:60px;margin-top:20px;}

.bgCenter h4{float:left;margin:18px 0px 0px 20px ; padding:0px;font-size:28px;  font-weight:normal;line-height:1.2em}
.bgCenter p{clear:both;margin:0px 20px;}
.bgCenter a{text-decoration:none;clear:both;float:right;margin-right:60px;margin-top:20px;}


blockquote.login h4{margin-left:125px;}
blockquote.login span{margin-left:125px;}
blockquote.login input{width:140px;}
blockquote.login .button{margin-left:125px;width:auto;float:left}
blockquote.login a{position:relative;font-size:11px;float:right;padding:0px;margin:-35px 21px 0px 0px;}



/*TOOLBAR ICONS*/
.Toolbar{margin:4px;border: 0;background: url(../images/bar.png) }
.Toolbar.builder{background-position:-2px 0px;}
.Toolbar.contact{background-position: -98px 0px;}
.Toolbar.jobs{background-position: -192px 0px;} 
.Toolbar.export{background-position: -290px 0px;} 
.Toolbar.template{background-position: -382px 0px;} 
.Toolbar.view{background-position: -478px 0px;} 
.Toolbar.editjobs{background-position: -573px 0px;} 
.Toolbar.purchase{background-position: -668px 0px;} 

.Toolbar.showcase{background-position: -2px -100px;} 
.Toolbar.billing{background-position: -98px -100px;} 
.Toolbar.search{background-position: -192px -100px;} 

.Toolbar:hover{background-color:#eee}



/* 02 - TABLES 
/* ----------------------------------------------*/

.DataRow td, .DataRowAlt td, .QuickRow td, .QuickRowAlt td,.AddRow
{
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 3px;
    font-size:11px;
    
}
.DataRowAlt{background-color:#C1FFC1;}
.DataRow:hover,.AddRow:hover{background-color: #FDFEE9;}
.DataRow td td{border:none;padding:0}
.Highlight td{font-weight:bold}
thead th, .headerRow
{
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 3px;
    background-color:#eee;
    font-weight:bold
}
.sortable{font-size:11px;}


/* 03 - TOP NAVIGATION
/* ----------------------------------------------*/
#topNav a{color: #999;text-decoration: none;}
#topNav a:hover{text-decoration: underline;}
.greet,.msg{font-weight:bold;font: 11px tahoma;display:inline}
.msg{float:right;width:auto}
.greet{float:left;width:auto}


/* 03 - EDIT NAVIGATION
/* ----------------------------------------------*/

#editNav{border:1px solid #ccc;font-weight: normal;padding:1px;height:auto;}
#editNav a{font-weight:bold;text-decoration:none;padding: 10px;}

/* 03 - FOOTER
/* ----------------------------------------------*/
#footer{position:relative;padding:18px 20px;background-image:url(../images/footer_bg.png);height:18px;clear:both}
#footer a{color:#710024;margin:0px 10px;text-decoration:none;font-weight:bold}



/* 04 - MAIN NAVIGATION (INCLUDES SON OF SUCKERFISH DROP DOWN) */
/* ----------------------------------------------*/

#mainNav li a
{
    
    /*background: url(../images/sep_grey.png) right no-repeat;*/
    display: block;
    margin: 0px;
    padding: 28px 20px 28px 20px;
    font-weight: bold;
    text-decoration: none;
    font-size:12px;
    color: #000;
    height:inherit;
    border-right:1px solid #ccc;
    
    
}
#mainNav li a:hover{color:white;text-shadow: #666666 0px -1px 0px;}
#mainNav li ul li a, #mainNav li ul li a:hover{color:white;font-size:11px;display: block;text-decoration: none;}
#mainNav li:hover, #mainNav li.sfhover,#mainNav li.selected a{background-color:#999;color:white;}
#mainNav li{float: left;padding: 0;}
#mainNav ul, #mainNav li ul
{
    list-style-image: none;
    width: 100%;
    list-style: none;
    line-height: 1em;
    font-weight: normal;
    padding: 0;
    margin: 0;
    z-index:5000;
}

#mainNav li ul
{
    background-color: #999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 200px;
    font-size:11px;
}
#mainNav li li{width: 200px;}
#mainNav li li a, #mainNav li li li a{display: block;text-decoration: none;padding: 5px 10px;}
#mainNav li li ul{margin: -24px 0 0 123px;}
#mainNav ul li:hover ul ul, #mainNav ul li:hover ul ul ul, 
#mainNav ul li.sfhover ul ul, #mainNav ul li.sfhover ul ul ul
{left: -999em;}

#mainNav ul li:hover ul, #mainNav ul li li:hover ul, 
#mainNav ul li li li:hover ul, #mainNav ul li.sfhover ul, 
#mainNav ul li li.sfhover ul, #mainNav ul li li li.sfhover ul
{left: auto;}

#mainNav li li:hover a, #mainNav li li.sfhover a, 
#mainNav li li li:hover a, #mainNav li li li.sfhover a, 
#mainNav li li a:hover, #mainNav li li.sfhover a, 
#mainNav li li li:hover a, #mainNav li li li.sfhover a,
#mainNav li li li li:hover a, #mainNav li li li li.sfhover a, 
#mainNav li li li a:hover, #mainNav li li li.sfhover a
{padding: 5px 10px;color:#999;background-color:#000}

#mainNav ul li a.home{width:200px;height:25px;padding:15px 10px 30px 0px;margin:0px 0px 0px 0px;text-decoration:none;background: none;background-color:transparent}
#mainNav ul li a.home:hover{background: url(../images/home_bg_grey.png) 0px -5px repeat-y; background-color:transparent}


/* 05 - PAGING
/* ----------------------------------------------*/

.paging
{
    display: block;
    text-align: center;
    width: auto;
    margin: 8px;
    clear: both;
}
.paging a:link, .paging a:visited{padding: 5px;}
.paging a.selected{color: #000;text-decoration: none;}


/* 06 - ICONS
/* ----------------------------------------------*/
.Edit,.EditDisabled,.Up,.Down,
.DownDisabled,.Left,.Right,
.RightDisabled,.Delete,.X,
.XDisabled,.Add,.Subtract,
.SubtractDisabled,.Cancel,
.Info,.InfoDisabled,.Question,
.Calendar,.CalendarDisabled,
.Search,.Save,.SaveDisabled,
.Video,.User,.UserDisabled,
.Comment,.Mail,.MailDisabled,
.Locked {border: 0;background: url(../images/new_icons.png) }





.Edit{background-position:-0px 0px;}
.Edit:hover{background-position:-0px -20px;}
.EditDisabled{background-position:-0px -40px;}
.Up{background-position:-20px 0px;}
.Up:hover{background-position:-20px -20px;}
.UpDisabled{background-position:-20px -40px;}
.Down{background-position:-40px 0px;}
.Down:hover{background-position:-40px -20px;}
.DownDisabled{background-position:-40px -40px;}
.Left{background-position:-60px 0px;}
.Left:hover{background-position:-60px -20px;}
.LeftDisabled{background-position:-60px -40px;}
.Right{background-position:-80px 0px;}
.Right:hover{background-position:-80px -20px;}
.RightDisabled{background-position:-80px -40px;}
.Delete{background-position:-100px 0px;}
.Delete:hover{background-position:-100px -20px;}
.DeleteDisabled{background-position:-100px -40px;}
.X{background-position:-120px 0px;}
.X:hover{background-position:-120px -20px;}
.XDisabled{background-position:-120px -40px;}
.Add{background-position:-140px 0px;}
.Add:hover{background-position:-140px -20px;}
.AddDisabled{background-position:-140px -40px;}
.Subtract{background-position:-160px 0px;}
.Subtract:hover{background-position:-160px -20px;}
.SubtractDisabled{background-position:-160px -40px;}
.Cancel{background-position:-180px 0px;}
.Cancel:hover{background-position:-180px -20px;}
.CancelDisabled{background-position:-180px -40px;}
.Info{background-position:-200px 0px;}
.Info:hover{background-position:-200px -20px;}
.InfoDisabled{background-position:-200px -40px;}
.Question{background-position:-220px 0px;}
.Question:hover{background-position:-220px -20px;}
.QuestionDisabled{background-position:-220px -40px;}
.Calendar{background-position:-240px 0px;}
.Calendar:hover{background-position:-240px -20px;}
.CalendarDisabled{background-position:-240px -40px;}
.Search{background-position:-260px 0px;}
.Search:hover{background-position:-260px -20px;}
.SearchDisabled{background-position:-260px -40px;}
.Save{background-position:-280px 0px;}
.Save:hover{background-position:-280px -20px;}
.SaveDisabled{background-position:-280px -40px;}
.Video{background-position:-300px 0px;}
.Video:hover{background-position:-300px -20px;}
.VideoDisabled{background-position:-300px -40px;}
.User{background-position:-320px 0px;}
.User:hover{background-position:-320px -20px;}
.UserDisabled{background-position:-320px -40px;}
.Comment{background-position:-340px 0px;}
.Comment:hover{background-position:-340px -20px;}
.CommentDisabled{background-position:-340px -40px;}
.Mail{background-position:-360px 0px;}
.Mail:hover{background-position:-360px -20px;}
.MailDisabled{background-position:-360px -40px;}
.Locked{background-position:-380px -40px;}
.Locked:hover{background-position:-380px -40px;}
.LockedDisabled{background-position:-380px -40px;}


/* 07 - TOOL TIPS
/* ----------------------------------------------*/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:5px 5px;
	color:#333;
	max-width:300px;
	display:none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	}	



/* 08 - GENERAL TYPOGRAPHY
/* ----------------------------------------------*/


.wideTxt
{
    width: 350px;
    font-size: 125%;
}

.content h1,.content h2,.content h3{font-family:'Georgia','Times', 'Times New Roman', serif }
h1
{
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -1px;
    margin: 0 0 10px 4px;
    padding: 0 0 0 0;
    font-weight: 100;
    display: block;
    color:#000
}
h2{font-size: 23px;margin: 0 0 10px 4px;}
h3{font-size: 14px;}
h2.post{font-size:26px;padding:12px 0px 5px 10px;color:white;text-shadow: #666666 0px -1px 0px;}


hr
{
    margin: 20px 0;
    padding: 0;
    width: auto;
    height: 1px;
    color:#666;
    display: block;
    clear:both;
}


small{font-size:9px;font-weight:bold}

a.profileNav:link, a.profileNav:visited
{
    margin: 8px;
    padding-top: 21px;
    width: 25px;
    font-size: 11px;
    color: #000;
    display: inline;
}
a.profileNav:hover
{
    color: #ff0000;
}




.oversized{font-size: 225%;}
.txt{display: block;}
.address .txt{display: inline;padding-left: 3px;}







    a.button,.button
    {
        background: url(../images/button-bg.png) 0px -15px;
        border: 1px solid #999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
        color: #fff;
        font-weight: bold;
        font-size: 13px; font-family:Arial;
        
        width: auto;
        text-align:center;
        text-decoration:none;
        margin:10px auto;
    }
    a.button{padding:6px;}
    
    .button:hover
    {
        background: url(../images/buttonOver-bg.png) 0px -15px;
        color:White;
        
    }



  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


.fInput,.iInput
{
    padding: 5px 10px 2px 0px;
    float: left;
}


.fInput label
{
    display: block;
    font-size: 10px;
    font-weight: bold;
}

.iInput label
{
    display: inline;
    font-size: 10px;
    font-weight: bold;
    margin:0
}

dl.jobDL {
	width: 100%;
	margin: 0;
	padding:5px;
	float:left;


        	}
.jobDL dt {
	font-weight:900;
	float: left;
	clear: left;
	width: 100px;
	margin-top: 5px;
	
	}
.jobDL dd {
	float: left;
	width: 82%;
	margin-top: 5px;
	}





/* 08 - FORMS
/* ----------------------------------------------*/
fieldset
{
    text-align: left;
    display: block;
    width: auto;
    border: 0;
    clear:both;
    margin:4px 0px 0px 0px;
}

legend {
	font-size:14px;
	font-weight:400;
	text-align:left;
	width:100%;
	padding:5px;
	height:15px;
}

legend:hover{background-color:#FDFEE9}
table.toggle{width:100%;border-bottom:1px solid #B3B3B3}
table.toggle td h2{font:24px verdana #eee}
legend:hover,table.toggle:hover{background-color:#FDFEE9}
.segment{margin-bottom:10px;
         border-width:0px 2px 2px 1px ;
         border-color:#B3B3B3;
         border-style:solid;
         padding:5px;}

.frmitem{display: block;}
.frmitem label
{
    min-width: 200px;
    width: 8em;
    float: left;
    text-align: right;
    margin-right: .5em;
    display: block;
}
.scroll_check {
    height: 80px;
    width:300px;
    overflow: auto;
    border: 1px solid #ccc;
    background-color:white;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;    
}

.scroll_check label {display: inline;font-weight:normal}

.error {font-weight:normal;color:red;display:block}
label.error { display: none; }
.defaultText { color: #000; }
.defaultTextActive { color: #a1a1a1; font-style: italic; }

input,textarea,select
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 3px;
margin:0px;
border:1px solid #ccc;
}
input[type=radio]{border:0px;}
.part{display:block;margin-bottom:25px;}
.preview{display:inline-block;text-align:center;margin:5px 20px;font-size:10px;width:240px;height:150px;border:1px solid #eee;float:left;padding:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.preview:hover{border:1px solid #710024}
.preview a{text-decoration:none;color:black}
.preview a:hover{color:black}
.preview .name{font-size:15px;display:block}
.preview .status{display:block;font-size:9px;}
.preview img{border:0;margin:0px}
.preview .Delete {float:right}
.preview .X {float:right;margin:0px;}
.jobListing{float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #e0e0e0;width:600px;;padding:10px;margin:10px 10px 20px 10px ;display:block}
.jobListing:hover{border:1px solid #710024}
.jobListing dt{float:right;font-size:10px;}
.jobListing h2{margin-bottom:5px;font-size:12px;font-weight:900;padding-bottom:18px;border-bottom:1px solid #eee}
.jobListing p{font-size:10px;}

.packageContainer{display:block;height:300px;}
.package{width:200px;float:left;display:block}
.package h2{color:green}
.packagefeature{display:block}

.sideNav
{
margin-top:5px;
width:220px;
float:right;
display:block;
background: url(../images/sidebar_top.png) no-repeat;
background-color:#000;

}

.sideNav a:link,.sideNav a:visited
{
    font-size:10px;
    list-style-image: none;
    padding: 0px;
    display:block;
    text-decoration:none;
    color:#fff
    }
.sideNav a:hover{text-decoration:underline}    
.navcopy
{
padding:15px 0px 0px 15px;
margin:0px;
width:198px;

}
.kicker{color:white;font-size:16px;font-weight:bold;display:block;margin-bottom:15px;}
.sideNavFooter
{
background: url(../images/sidebar_bottom.png) no-repeat;
height:11px;
width:220px;
}

#searchContainer{padding:0;height:250px;background-image:url(../images/search_bg.png)}
.searchPanel
{
            /*
            width:250px;
            set width at div level
            */
             height:220px;
             float:left;
             display:block;
             margin:3px;
             border-left:1px solid white;
             padding:10px;
            overflow-y:auto;
             overflow-x:hidden;
             }
#searchContainer .searchPanel:first-child{border:0px;}
.searchPanel table thead{display:none}
.searchPanel table tr.DataRow:hover{background-color:#555;border-bottom:1px solid #eee}             
.searchPanel table tr.DataRow td{ vertical-align:middle; border:0px;padding:0px;color:white;}  
.searchPanel a{color:white;text-decoration:none;width:100px;}
.searchPanel a:hover{color:yellow;}
.searchPanel .scroll_check{width:inherit;margin-right:10px;color:white;background:#000}
.searchPanel input ,.searchPanel select{}
.searchPanel label{color:white;}
.ex{color:#ccc;padding-top:5px;cursor:pointer;font-size:14px;border-bottom:1px solid white;display:block}             
.ex:hover,.ex:active{color:yellow}             
.panelTitle{display:block;border-bottom:1px solid #666;margin-bottom:8px;}

br {clear:both}
/* jCaroUsel */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container{ position:relative}
.jcarousel-clip{ z-index:2;padding:0;margin:0;overflow:hidden;position:relative}
.jcarousel-list{ z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}
.jcarousel-list li,.jcarousel-item{ float:left;list-style:none; width:100px}
.jcarousel-next{ z-index:3;display:none}
.jcarousel-prev{ z-index:3;display:none}
.jcarousel-skin-ie7 .jcarousel-container{ background:none; border:0}
.jcarousel-skin-ie7 .jcarousel-container-horizontal{ width:805px; padding:0px 0px}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal{ width: 750px; height:38px; margin-left:30px; margin-right:15px}
.jcarousel-skin-ie7 .jcarousel-item{ width:auto; min-width:50px; height:32px; text-align:center}
.jcarousel-skin-ie7 .jcarousel-item-horizontal{ margin-right:4px}
.jcarousel-skin-ie7 .jcarousel-item-placeholder{}
.jcarousel-skin-ie7 .jcarousel-next-horizontal{position:absolute;top:10px;right:0px;width:20px; height:20px; cursor:pointer; background:url(../images/icons.png) -80px 0px}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover{ background:url(../images/icons.png) -80px -20px}
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active{ cursor:default; background:url(../images/icons.png) -80px -40px}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal{ position:absolute; top:10px; left:0px; width:20px; height:20px; cursor:pointer; background:url(../images/icons.png) -60px 0px}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover{ background:url(../images/icons.png) -60px -20px}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active{ cursor:default; background:url(../images/icons.png) -60px -40px}
/*
fancybox modal dialog
*/
#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30}
* html #fancy_overlay{position:absolute}
#fancy_wrap{text-align:left}
#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100}
#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../images/fbox/fancy_progress.png') no-repeat}
#fancy_loading_overlay{position:absolute; background-color:#FFF; z-index:30}
#fancy_loading_icon{position:absolute; background:url('../images/fbox/fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px}
#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:18px 18px 33px 18px; margin:0; overflow:hidden; background:transparent; display:none}
#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF}
#fancy_content{margin:0; z-index:100; position:absolute}
#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100}
#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%}
#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('../images/fbox/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:181; display:none}
#fancy_frame{position:relative; width:100%; height:100%; display:none}
#fancy_ajax{width:100%; height:100%; overflow:auto}
#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; outline:none}
#fancy_left{left:0px}
#fancy_right{right:0px}
.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block}
#fancy_left_ico{left:-9999px; background:transparent url('../images/fbox/fancy_left.png') no-repeat}
#fancy_right_ico{right:-9999px; background:transparent url('../images/fbox/fancy_right.png') no-repeat}
#fancy_left:hover{ visibility:visible}
#fancy_right:hover{ visibility:visible}
#fancy_left:hover span{left:20px}
#fancy_right:hover span{right:20px}
.fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}
#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0}
.fancy_bg{position:absolute; display:block; z-index:70; border:0; padding:0; margin:0}
.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url('../images/fbox/fancy_shadow_n.png') repeat-x}
.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url('../images/fbox/fancy_shadow_ne.png') no-repeat}
.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url('../images/fbox/fancy_shadow_e.png') repeat-y}
.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('../images/fbox/fancy_shadow_se.png') no-repeat}
.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url('../images/fbox/fancy_shadow_s.png') repeat-x}
.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('../images/fbox/fancy_shadow_sw.png') no-repeat}
.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url('../images/fbox/fancy_shadow_w.png') repeat-y}
.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url('../images/fbox/fancy_shadow_nw.png') no-repeat}
#fancy_title{position:absolute; bottom:-33px; left:0; width:100%; z-index:100; display:none}
#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px}
#fancy_title table{margin:0 auto}
#fancy_title table td{padding:0; vertical-align:middle}
#fancy_title_left{height:32px; width:15px; background:transparent url(../images/fbox/fancy_title_left.png) repeat-x}
#fancy_title_main{height:32px; background:transparent url(../images/fbox/fancy_title_main.png) repeat-x}
#fancy_title_right{height:32px; width:15px; background:transparent url(../images/fbox/fancy_title_right.png) repeat-x}



/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Tabs

----------------------------------*/
#tabs{padding:0px; margin:0px; min-height:500px; background:url(../images/content_bg.png) repeat-y}
.content #tabs{min-height:500px; background:none;clear:right}
.ui-tabs{ position:relative;  padding:.2em;  zoom:1;}
/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
.ui-tabs .ui-tabs-nav{ list-style:none;  margin:0px 2px;  padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{ float:left;  position:relative;  top:1px;  margin:0 .2em 1px 0;  border-bottom:0 !important;  padding:0;  white-space:nowrap}
.ui-tabs .ui-tabs-nav li a{ float:left;  padding:.5em 1em;  text-decoration:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{ margin-bottom:0;  padding-bottom:1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{ cursor:text;border-bottom:1px solid #eee;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{ cursor:pointer;height:20px;}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel{ display:block;  border:0;  padding:1em 1.4em;  background:none}
.ui-tabs .ui-tabs-hide{ display:none !important}
li.ui-tabs-selected a{border-bottom:1px solid #fff;}
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; 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 { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.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*/
}



/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { color:#ff0000;border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }