/**

*

* Global CSS rules

*

*/

body {

    font:   11px/1.2 Verdana, Arial, Helvetica, sans-serif;

    padding:0px;

    margin:0px;

    background-image: url(../img/bg.gif);

}


.small {font-size:8pt;}



a {color: #000000; text-decoration: none}

a:hover {text-decoration: underline}



* {-moz-user-focus: none; -moz-outline: none;}

.block {display: block}

.nodisplay {display: none;}



img {border:0; margin:0; padding:0;}

img.h3 {height: 3px}

img.mid {height: 3px; border-right: 1px solid #bdbdbd}

img.sizechange {cursor: pointer}

br.h3 { line-height: 3px !important;}

br.h5 {line-height: 8px !important;}

.w46 {width:46px}

.w60 {width:60px}

.w158 {width:158px}

.w160 {width:160px}

.w188 {width:188px}

.w190 {width:190px}

.w387 {width:387px}

.w389 {width:389px}

.w357 {width:357px}

.w359 {width:359px}

.w589 {width:589px}

.w587 {width:587px}

.w170 {width:170px; margin-left: 10px !important; margin-right: 10px !important;}

.pr {position: relative;}

.nmt {margin-top: 0px;}



img.w188 {width:188px; border-right: 1px solid #bdbdbd}

img.boxshadow {height: 8px; display:block}

.bordertop {border-top: 1px solid #bdbdbd}

.borderbottom {border-bottom: 1px solid #bdbdbd}

.pnm {font-weight: normal}

.bold {font-weight: bold}

.red {color: #ff0000}

.defaultcursor {cursor: default !important}



.rss { margin-right: 2px;}



a.viewall {color: #3e5066; text-decoration: none; font-weight:bold; font-size:10px; padding-right: 14px; background: url(../img/arrow_right.gif) right center no-repeat}

a.viewall:hover {color: #a65132; text-decoration: underline;}



a.navlink {color: #3e5066; font-weight: bold}

a.navlink:hover {color: #a65132; text-decoration: underline;}



form {margin:0; padding:0}

br.clear {clear:both; margin:0; padding:0; line-height:0}





/**

*

* CSS rules that define 3-column layout

*

*/



#wrapper {width: 999px; background-color: #ffffff; padding: 9px 0; margin: 0px auto; border: 0; text-align: center;}



/* header & footer links */



.utab, .utabfoot {width: 999px; background: transparent; margin: 10px auto 0px auto;}



.utabfoot div {float: left;}

.utlinks {color: #777777; font-size: 11px; font-family: arial; padding-left: 10px; padding-top:4px; height: 20px;}



.utlinksterms {color: #666666; font-size: 11px; font-family: arial; padding-left: 10px; padding-top:4px; height: 20px;}

.utlinksterms a {color: #666666; font-size: 11px; font-family: arial; text-decoration: none;}

.utlinksterms a:hover {text-decoration: underline;}





#frame {width:979px; margin: 0px auto; border: 1px solid #efefef; text-align: left;}



#contentleft {position: relative; width:195px; padding-left:10px;float:left;background:#ffffff; text-align: left;}

#contentcenter {width:359px;top: 0px; left: 0px; float:left; background:#ffffff; margin: 0px 0px 0px 5px;}

#contentright {width:190px; float:right; padding-right:10px; background:#ffffff;}



#contentcenter_w389 {width:389px;top: 0px; left: 0px; float:left; background:#ffffff; margin: 0px 0px 0px 5px;}

#contentright_w160 {width:160px; float:right; padding-right:10px; background:#ffffff;}



#contentheader {background:#ffffff; width: 779px; height: 79px;}

#contentheader img {width: 979px; height: 79px;}



#contentcenter_w589 {position: relative; width:589px; padding-left:10px; float:left; text-align: left;}


/**

*

* CSS rules that define menu items, dropdowns and submenu items

*

*/



/* top menu */



#menubar {width: 979px; height: 27px;}



table#menucontainer {border-collapse: collapse;  border:0; width: 100%;}

table#menucontainer td {height: 27px; white-space: nowrap; font-family: arial; color: #000000; line-height: 20px; font-size: 10px; vertical-align: middle; padding-left: 35px; cursor: pointer;}

table#menucontainer td.menucell {background: url(../img/menucell_bg.gif) repeat-x; padding-right: 8px; width: 100px;}

table#menucontainer td.menucell_spacer {background: url(../img/menucell_bg_spacer.gif) repeat-x;}

table#menucontainer td#leftcell {padding-left: 30px; background: url(../img/menucell_bg_left.gif) repeat-x;}



td#m1 {padding-left: 30px !important;   background: url(../img/menucell_bg_left.gif) repeat-x !important;}



table#menucontainer td#search{background: url(../img/menu_searchbg.gif) no-repeat;padding-left: 23px;padding-right: 5px;margin:0 !important;}

table#menucontainer td#searchadvanced{background: url(../img/menucell_bg.gif) repeat-x; padding: 0;}

table#menucontainer td#search input {border:0;font-size:9px;height: 12px;color:#959595;background: transparent;}



td.menucell a:hover {text-decoration: none}



/* dropdown menu items */



.menu {text-align: left; border: 1px solid #808080; background: url(../img/menu_bg.gif) no-repeat; position: absolute; top:0; left:0; display: none; padding-left: 5px;}

table.mc {width:100px; border-collapse: collapse; border:0;}

table.mc td {cursor:pointer}

td.ml, td.mll {padding: 3px 0 3px 9px; border-bottom: 1px solid #808080; white-space: nowrap;}

td.ml img, td.mll img {vertical-align: middle;}

table.mc tr:hover {background-color: #dbeece; }

td.ml a, td.mll a {text-decoration: none; color: #000000; display: block;}

td.ml a:hover, td.mll a:hover {text-decoration: underline;}

td.mr,td.mrl {width: 15px; padding: 5px; border-bottom: 1px solid #808080;}

td.mll,td.mrl {border-bottom: 0;}

table.mc tr {padding: 0px; margin: 0px;}



/* submenu - drop-down*/



.sub {text-align: left; background: #e2efd8 url(../img/sub_bg.gif) repeat-x; border: 1px solid #808080; padding: 10px; width: 300px; top:0; left: 0; display: none; position: absolute; line-height: 1.5em;}



/* submenu - quick view style */

.subqv {text-align: left; background: #e2efd8 url(../img/sub_bg.gif) repeat-x; border-left: 1px solid #e5e5e5; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-top: 0; padding: 10px; width: 331px; top:0; left: 0; display: none; position: relative; border: 0 !important}



/* DIRECTORY */
#dir {margin: 0 5px 5px 5px; padding:0;}
.dir_top {background: url(../img/top.png) no-repeat; overflow:hidden; height: 5px; width: 969px; margin:0; padding:0;}
.dir_bot {background: url(../img/bot.png) no-repeat; overflow:hidden; height: 5px; width: 969px; margin:0; padding:0;clear:both;}
.dir_mid_left {float: left; width: 340px; border-left: solid 5px #564d3e; border-right: solid 5px #564d3e; background-color:#564d3e;  }
.dir_mid_left_top {background: url(../img/left_col_bg.png) no-repeat left top; overflow:hidden; height: 5px;}
.dir_mid_left_bot {background: url(../img/left_col_bg_ie6.png) no-repeat left top; overflow:hidden; height: 5px;}
.dir_mid_left_body {background-color: #ffffff;}
.dir_mid_right {float: right; width: 614px; border-right: solid 5px #564d3e; overflow: hidden; background-color: #564d3e; min-height: 906px;}
/*.dir_mid_right_top {background: url(../img/right_col_bg.png) no-repeat left top; height: 5px;}
.dir_mid_right_bot {background: url(../img/right_col_bg.png) no-repeat left bottom; height: 5px;}
.dir_mid_right_tabs {height:20px; background-color: #564d3e;}*/

.resultsheader { padding: 0 1em 1.1em 1em; border-bottom: solid 1px #dddddd;  }
.resultsfilter { padding: 1em; border-bottom: solid 1px #dddddd; }

.searchform { color: #564d3e; font-weight: bold; }

#popular_searches {margin-right: 50px; width: 350px; padding-bottom: 50px; float:right; color:#666666; }
#popular_searches a { color: #003366 !important; font-size: large;}
#popular_searches a:hover { color: #564d3e !important; }
#popular_searches li { padding-bottom: .4em; }

#example_searches {padding-left: 185px; width: 300px; padding-bottom: 50px; float:left; color:#666666; }
#example_searches a { color: #003366 !important; font-size: large;}
#example_searches a:hover { color: #564d3e !important; }
#example_searches li { padding-bottom: .4em; }

.ui-tabs-panel {  margin:0; padding:0;overflow: hidden; display: block; min-height:900px; }
.ui-tabs { background: #ffffff url(/img/bg-panel.png) repeat-x bottom center; min-height: 900px; }
.ui-tabs .ui-tabs-nav li { margin: 0 .3em -1px 0; width: 77px; text-align: center; }
.ui-tabs .ui-tabs-nav li a { padding: .5em; }
.ui-state-processing span {padding-left: 20px;background: url(/img/spinner.gif) no-repeat;}
.ui-tabs-speciald { color: Yellow !important; }
.ui-state-active a { color: #403D38 !important; }


	.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }


.pretty-hover { background-color: #003366; }

/* companydetails */
.coDetails { margin:10px 0; }
.coTitle {font-size: 18px; font-weight: bold; color:#2d8bb3; text-transform:uppercase; }
.coLogo { float: right; margin-top: 0px; padding-bottom: 10px; }
.coUpgrade { float: right; margin-top: 20px; cursor: pointer; }
.coNoCats { font-size: 12px; cursor: pointer;  }
.coAddress { font-size: 14px; font-style: italic; font-family: Arial, Sans-Serif; font-weight: bold; width: 400px;}
.coMap a { font-style: normal; font-weight: bold; color: #003366; margin-left: 200px;}
.coMap a:hover { color: #564d3e; }
.coMap2 a {font-style: normal; font-weight: bold; color: #003366; margin-left: 50px;}
.coMap2 a:hover { color: #564d3e; }
.coWebsite a {font-style: normal; font-weight: bold; color: #003366; }
.coWebsite a:hover { color: #564d3e; }
.coCategory {clear: both; width: 700px;}
.coCategory a { font-size: 14px;  font-family: Arial, Sans-Serif; font-weight: bold; color:Green;}
.coCategory a:hover { color: #564d3e; }
#accordion {  margin-top: 10px;}

/* references */
.ref_item { border-bottom: solid 1px #dddddd; padding: 5px 0; margin: 0; }
.ref_item a { color: #003366; }
.ref_item a:hover { color: #564d3e; }
            
/* Our "Section"
----------------------------------*/
.our-section .our-section-header {  margin-top: 1px; display: block; font-size: 1em; padding: .5em .5em .5em .3em;}
.our-section { margin: 10px 0; }
.our-section li {display: inline;}
.our-section .our-section-header-active { border-bottom: 0 !important; }
.our-section .our-section-header .our-icon { float:left; margin-left: .4em; margin-top: .1em; padding-right: .3em; }
.our-section .our-section-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; top: 1px; margin-bottom: 2px; overflow: auto; display: block; }
.our-section .our-section-content-active { display: block; }


/* CSS Brunico Document */


html {
	background-color: #2b2b2b; 
	background-image: url(/content/images/mainbg.gif);
}

body{
	background: #e9e9e9;
	margin:0;
	padding: 0;
	/*font-family: Arial, tahoma, sans-serif;font-size:12px;
	font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	*/
	color: #3e3e3e;
}

body#home{
	background: url(/content/images/mainBG.gif) repeat-x 0 0;
	margin:0;
	padding: 0;
	font-family: Arial, tahoma, sans-serif;
	font-size:12px;
	color: #3e3e3e;
}

.show {display: block; }
.hide {display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

img { border: 0; /* removes border in case images have anchor around them */ }



/* LINKS */
a { COLOR: #e65f0d; TEXT-DECORATION: none; }
a:active { COLOR: #e65f0d; TEXT-DECORATION: none; }
a:hover { COLOR: #e65f0d; TEXT-DECORATION: underline; }

/* Corners */
.round_7 {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.round_top_7 {
	-moz-border-radius-topright: 7px;	
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
}
.round_bottom_7 {
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
}


#container { background: url(/content/images/headerBG.gif) repeat-x 0 0; }

#home #container { background: url(/content/images/headerBGHome.gif) repeat-x 0 0; }

/* Header
-----------------------------------------------------------------------------*/
/*#headerWrap { height: 160px; background: url(images/headerBGMiddle.gif) no-repeat 50% 0;} */


#header {
	width: 990px;
	margin: 0 auto;
	height: 160px;
	background: url(/content/images/headerBGMiddle.gif) no-repeat 0 0;
}

#home #header {
	width: 990px;
	margin: 0 auto;
	height: 475px;
	background: url(/content/images/headerBGMiddleHome.gif) no-repeat 0 0;
}

#logoBG{
	float:left;
 	width:196px;
	height:131px;
	margin-left: 20px;
	background: #e9e9e9;
 }
 
#logo {float: left; width: 176px; height: 61px;}
#logo a {display: block; margin: 19px 0 0 8px; width: 176px; height: 71px; background: url(/content/images/logo.png) top left no-repeat;}
 

#nav{ 
	width: 790px;
	height: 47px;
	/*background: url(/content/images/navBar.gif) repeat-x; */
	color:#FFFFFF;
	font-family:Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	position: absolute;
	top: 37px;
}

#navigation { margin-left: 300px; }

#navigation li {
	display: inline;
	padding:0;
	margin:0 20px;
	float: left;
}

#navigation li a {
	color: #ffffff;
	display: block;
	padding: 12px 0px;
	text-decoration: none;
	height: 47px;
	float: left;
}
#navigation li a:hover {
	color: #eb9127;
	text-decoration: none;
}

.navDiv{
	background:url(/content/images/navdiv.gif) no-repeat;
	margin: -3px 0px 0 0px;
	float: left;
}


#loginBG {
	background: #1f1f1f;
	float: right;
	height: 21px;
	margin-right: 27px;
	padding: 8px 10px 0 10px;
	position: relative;
	text-align: left;
	font-family: Arial, tahoma, sans-serif;
	color: #ffffff;
	font-size:14px;
}



/* Main Content */
#content_wrap {
	position: relative;
	/*background: #e9e9e9 url(images/fff_pixel.gif) repeat-x 0 0; */
	margin: 0 auto;
	
}

#content {
	position: relative;
	width: 990px;
	margin: 0 auto;
	
}

#home #content {
	position: relative;
	width: 904px;
	margin: 0 auto;
}

#main {
	background: #fff;
	border: 1px solid #bcbcbc;
	float: left;
	margin-top: 30px;
	padding: 30px;
	width: 979px;
	position: relative;
	min-height: 400px;
}

#col1{
	float: left;
	text-align: left;
	width: 200px;
	margin-top: 31px;
}

#librariesBG, #playlistsBG, #teamBG, #directoryBG{
	background: #f4f4ee;
	border: 1px solid #d7d7d4;
	padding: 10px 15px 10px 15px;
	width: 168px;
	position: relative;
	min-height: 150px;
	margin: 0 0 25px 0;
}

#col2{
	float: left;
	text-align: left;
	width: 500px;
	margin: 0 15px 0 15px;
	
}

.tabBoxBG{
	background: #f4f4ee;
	border: 1px solid #d7d7d4;
	padding: 15px 20px 15px 20px;
	width: 458px;
	position: relative;
	min-height: 100px;
	margin: 5px 0 15px 0;
}

#col3{
	float: right;
	text-align: left;
	width: 200px;
	margin-top: 31px;
}

#vidplayer{
	background: #000000;
	width: 500px;
	position: relative;
	height: 375px;
	margin: 9px 0 10px 0;
}

#directoryBG{
	background: #f4f4ee;
	border: 1px solid #d7d7d4;
	padding: 10px 15px 10px 15px;
	width: 168px;
	position: relative;
	min-height: 375px;
	margin: 0 0 25px 0;
}




/* Banner */

#banner_bottom{
	background: #dcdcdc;
	border: 1px solid #d7d7d4;
	padding: 15px 30px 15px 30px;
	width: 870px;
	position: relative;
	height: 40px;
	margin: 30px 0 30px 0;
	font-size: 14px;
	font-weight: bold;	
}


/* Footer
-----------------------------------------------------------------------------*/

#footer_wrap {
	position: relative;
	background: url(/content/images/mainBG.gif) repeat-x 0 0;
	padding: 0 10px;
	margin-top: 30px;
}

#footer {
	position: relative;
	width: 930px;
	height: 100px;
	margin: 0 auto;
	padding: 50px 30px 0 30px;	
}

#footer .footerText { font-family: arial; font-size: 13px; color: #939393; float:left;}
#footer a {font-family: arial, helvetica, sans-serif; color: #939393; text-decoration: none;}
#footer a:hover {color: #939393; text-decoration:underline;}
#footer .copyright { font-family: arial; font-size: 13px; color: #939393; float:right;}






/* Misc */

.helptext 
{
    margin: 10px 100px 15px 0;
    font: normal 13px 'Lucida Grande',Helvetica,Arial,sans-serif;
    }
    
div.growlUI { background: url(/content/images/check48.png) no-repeat 10px 10px; min-height: 60px; }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}

div.growlUIx { background: url(/content/images/x48.png) no-repeat 10px 10px; min-height: 60px; }
div.growlUIx h1, div.growlUIx h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}