/** 
 * @author Stephanie hahm
 * @charset UTF-8
 */
/* CSS MASTER */

*{margin:0px; padding:0px;}
body{	margin-top:0px; margin-left:0px; margin-top:0px; margin-width:0px; margin-height:0px; margin-bottom:0px; background-color: #FFFFFF;
	font-size:12px;line-height:15px; font-weight: normal; color:#5b626b; background-color:none; font-family:Arial,Verdana,sans-serif;
	background-image:url(/gfx/general/backDemo.png);padding: 0 0 0 10px;}
h1									{ font-size:24px; font-weight: normal; vertical-align:middle; font-family:Arial Narrow,Arial,Verdana,sans-serif; line-height: 26px;margin: 0px;}
h2                  { font-size:22px; font-weight: normal;vertical-align:middle; font-family:Arial Narrow,Arial,Verdana,sans-serif;margin: 0px 0 6px 0px; padding:0;line-height: 28px;overflow: hidden;}
h2                  { font-size:22px; font-weight: normal;vertical-align:middle; font-family:Arial Narrow,Arial,Verdana,sans-serif;margin: 0px 0 6px 0px; padding:0;line-height: 28px;overflow: hidden;}
h3                  { font-size:20px; font-weight: normal;vertical-align:middle; font-family:Arial Narrow,Arial,Verdana,sans-serif;margin: 0px 0 6px 22px; padding:0;line-height: 28px;overflow: hidden;}
h4                  { font-size:16px; font-weight: bold;color:#ed8e0b;  vertical-align:middle; font-family:Arial,Verdana,sans-serif;line-height: 20px; }
h5                 { font-size:13px; font-weight: bold;margin: 0px;}
img                 { border:none;margin:0 auto;}
ul                  { list-style: none;margin: 0px; padding: 0px;}


/* Typo*/
a									{ text-decoration: none; color:#5b626b; }
a:link						{ text-decoration: none; color:#5b626b; }
a:active					{ text-decoration: none; color:#5b626b; }
a:visited					{ text-decoration: none; color:#5b626b; }
a:hover 					{ text-decoration: none; color:#ed8e0b;	}
a.nav-out                 { text-decoration: none; color:#fff; font-weight:bold; font-size:12px; }
a.nav-out:link            { text-decoration: none; color:#fff; }
a.nav-out:active          { text-decoration: none; color:#fff; }
a.nav-out:visited         { text-decoration: none; color:#fff; }
a.nav-out:hover           { text-decoration: none; color:#fff; }
a.nav-out-t                 { text-decoration: none; color:#fff; font-size:12px; }
a.nav-out-t:link            { text-decoration: none; color:#fff; }
a.nav-out-t:active          { text-decoration: none; color:#fff; }
a.nav-out-t:visited         { text-decoration: none; color:#fff; }
a.nav-out-t:hover           { text-decoration: none; color:#fff; }

.subline          {font-size:13px; line-height:15px; font-weight: bold;display: block; margin-bottom:1px;}
.teaser           {font-size:13px; font-weight: normal;display: block;}
.txt              {font-size: 12px; font-weight: normal;}
.strong           {font-weight: bold;}


/*** @section Navigation */
.nav-box{width: 90%; margin: 3px 0 0 0; padding: 0px;}
.nav-box-right {background:transparent url(/gfx/general/nav-top-right.png) no-repeat scroll right bottom;height:26px;margin: 3px 0 0 0; }
.nav-box-left {background:transparent url(/gfx/general/nav-top-left.png) no-repeat scroll left bottom;height:26px;width:14px;margin: 3px 0 0 0; clear:left;}
ul.nav-top{float: left; list-style: none; padding:0px;display: block;height: 26px;margin: 3px 0 0 0;background-color:#FFFFFF;border-top:1px solid #8c8b8d; font-weight:bold;}
ul.nav-top li{float: left;padding:10px 5px 0 5px;margin: 0px;width: auto;height: 18px; font-size:13px;}
ul.nav-top li.active,ul.nav-top li.active a{ text-decoration: none; color:#fff!important; background-color: #ed8e0b;}
ul.nav-top li.inactive:hover, ul.nav-top li.inactive:hover a{ text-decoration: none; color:#fff!important; background-color: #ed8e0b;}

ul.nav-top li.nav_active,ul.nav-top li.nav_active a{ text-decoration: none; color:#fff!important; background-color: #ed8e0b;}
ul.nav-top li.nav_not_active:hover, ul.nav-top li.nav_not_active:hover a{ text-decoration: none; color:#fff!important; background-color: #ed8e0b;}

ul.nav-bottom { float:left; width:300px; }
ul.nav-bottom li { height:18px; }


/*** @section general */
.adverts    {height: 90px;width: 450px;}
.search-button{width: 80px; height: 20px;margin: 5px 0 5px 5px;}
.search-input{width: 200px; height: 20px;margin: 4px;border: 0 none;color:#a7abaf; font-weight: bold;font-size: 14px; }
.goodies{margin:13px 0 0;}
.content  {margin: 40px 15px 0px 30px;}
.content-line{padding: 5px 5px 0px 0px;}

/*** @section positions, distances */
.clr:after { content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
.clr { display: inline-block; }
 html[xmlns] .clr { display: block;}
* html .clr { height: 1%;}
.both{clear: both;}
.clrleft{clear: left;}
.left{float: left;}
.right{float: right!important;}
.aright{text-align: right;}
.block{display: block;}
.inline{display: inline;}
.dis-bottom{margin-bottom: 20px!important;}
.dis-top{margin-top: 20px!important;}
.dis-right{margin-right: 20px!important;}
.dis-left{margin-left: 20px!important;}
.dis-top-wide{margin-top: 10px!important;}
.dis-left-wide{margin-left: 10px!important;}
.dis-bottom-wide{margin-bottom: 10px!important;}
.dis-right-wide{margin-right: 10px!important;}
.dis-top-thin{margin-top: 5px!important;}
.dis-left-thin{margin-left: 5px!important;}
.dis-bottom-thin{margin-bottom: 5px!important;}
.dis-right-thin{margin-right: 5px!important;}
.inner{padding: 15px;}
.inner-thin{padding: 5px;}
.inner-thin-left{padding-left: 5px;}
.nopad{padding: 0px!important;}
.nomarg{margin:0px!important; }
.margtop3{margin-top: 3px!important;}
.margtop30{margin-top: 30px!important;}
.margtop40{margin-top: 40px!important;}
.margtop60{margin-top: 60px!important;}
.margtop100{margin-top: 100px!important;}
.margtop120{margin-top: 120px!important;}
.margleft25{margin-left: 25px!important;}
.padtop3{padding-top: 3px;}
.padtop7{padding-top: 7px;}
.dis-bottom15{margin-bottom: 15px;}

.txtright{text-align: right;}
.txtcenter{text-align: center;}
.justify{ align:justify;}

/*** @section colors */
 .bg-white{background-color: #fff;}
 .line-white{border-bottom: 1px solid white;}
 .orange{color: #ed8e0b!important;}
 .grey{color:#5b626b!important;}

/*** @section width */
.full{width: 935px;}
.two-third{width: 585px;}
.third{width: 290px;}
.cnt{width: 900px;}
.cntfull{width: 600px;}
.cnthalf{width: 265px;}
.boxfull{width: 250px;}
.event-box{width: 460px;}
.news-text{width: 440px;}
.actions{width: 115px;}
.w20{width: 20px!important;}
.w35{width: 35px!important;}
.w40{width: 40px!important;}
.w60{width: 60px!important;}
.w65{width: 65px!important;}
.w80{width: 80px!important;}
.w100{width: 100px!important;}
.w115{width: 115px!important;}
.w120{width: 120px!important;}
.w130{width: 130px!important;}
.w140{width: 140px!important;}
.w150{width: 150px!important;}
.w160{width: 160px!important;}
.w175{width: 175px!important;}
.w180{width: 180px!important;}
.w190{width: 190px!important;}
.w200{width: 200px!important;}
.w220{width: 220px!important;}
.w230{width: 230px!important;}
.w235{width: 235px!important;}
.w250{width: 250px!important;}
.w260{width: 260px!important;}
.w270{width: 270px!important;}
.w300{width: 300px!important;}
.w320{width: 320px!important;}
.w330{width: 330px!important;}
.w335{width: 335px!important;}
.w350{width: 350px!important;}
.w385{width: 385px!important;}
.w400{width: 400px!important;}
.w450{width: 450px!important;}
.w470{width: 470px!important;}
.w500{width: 500px!important;}
.w560{width: 560px!important;}
.w600{width: 600px!important;}
.h60{height: 60px!important;}
.h100{height: 100px!important;}
.h160{height: 160px!important;}
.h200{height: 200px!important;}
.h400{height: 400px!important;}
.h880{height: 880px!important;}
.minw65{min-width: 65px!important;}
.minw200{min-width: 200px!important;}
.minw240{min-width: 240px!important;}
.minh40{min-height: 40px!important;}
.minh80{min-height: 80px!important;}
.minh100{min-height: 100px!important;}
.minh110{min-height: 110px!important;}
.minh140{min-height: 140px!important;}
.minh160{min-height: 160px!important;}
.minh180{min-height: 180px!important;}

/*Listen*/
ul.profil {margin: 20px 0 0 0;}
ul.profil li {float: left;}
ul.profil li.label{width: 175px;padding: 0 5px 0 0; margin: 5px 0 5px 0;}
ul.profil li.content{width: 400px;padding: 0px 0 0 0;margin: 5px 0 5px 0;min-height: 35px;}

ul.cntlist {width: 400px;}
ul.cntlist li {float: left;}
ul.cntlist li.head{width: 400px;background-color:#adb0b5;color:#FFFFFF;font-weight:bold;font-size:13px; padding:2px 5px;margin: 2px 0 5px 0;}
ul.cntlist li.head a{color:#FFFFFF;}
ul.cntlist li.label{width: 175px;padding: 0 5px 0 0; margin: 0px;}
ul.cntlist li.content{width: 220px;min-height: 35px;padding: 0px;overflow:hidden;}

ul.xtlist{border-bottom:1px dotted #ADB1B5;padding: 0 0 10px 0;}
ul.xtlist li{height: 25px;}

ul.mainlist {width: 580px;overflow: hidden;}
ul.mainlist li {float: left;padding: 5px 5px 5px 0;margin:0 0 0px;}
ul.mainlist li.head{width:580px;background-color:#adb0b5;color:#FFFFFF;font-weight:bold;font-size:13px; padding:2px 5px;margin: 2px 0 5px 0;}


ul.formlist {width: 580px;}
ul.formlist li {float: left;padding: 0 5px;width: 190px;}
ul.formlist li.label {width: 170px;font-weight: bold;clear: left; }

ul.navlist {margin: 20px 0 0 0;}
ul.navlist li {float: left; height: 30px;}
ul.navlist li a.entry-icon {margin-right: 10px;}

.drop     {background:#fff url(/gfx/general/dropdown.png) no-repeat;height: 16px; width: 264px;padding: 2px 5px 0 5px; margin: 0;position: relative;}
.drop-menu{  position: absolute;   top: 17px;  left: 3px; width: 264px; border: 1px solid #5B626B; background-color: #fff;z-index: 2;}
.drop-menu li:hover{  background-color: #efefef;}


/*** @section objects */
.avatar         {width: 35px;max-height: 50px;margin: 0 10px 10px 0;}
.box            {margin: 0px 15px 0px 0px;padding:10px 10px 10px 0; min-height: 380px;}
.nav-box        {padding:20px 0px 10px 10px;}
.special-box    {background:transparent url(/gfx/general/box-bottom.png) no-repeat scroll left bottom;width:290px;}
.special-box h4,.special-box h2 {background:transparent url(/gfx/general/box-top.png) no-repeat scroll left top;padding:10px 15px 0;}
.special-box h2 { margin: 0px;}
.special-box div {margin:0 15px 20px;}
.special-box2    {background:transparent url(/gfx/general/box-bottom2.png) no-repeat scroll left bottom;width:310px;}
.special-box2 h4,.special-box2 h2 {background:transparent url(/gfx/general/box-top2.png) no-repeat scroll left top;padding:10px 15px 0;}
.special-box2 h2 {margin: 0px;}
.special-box2 div {margin:0 15px 20px;}
.newstext       {width: 585px; overflow: hidden;}
.newstext table {width: auto;}

/*** @section site-elemets */
.arrow          {font-size:22px;padding:7px 2px 0 0;margin:0px; height: 16px;}
.arrow2         {font-size:20px;padding:7px 2px 0 0;margin:0px; height: 16px;}
.separate       {border-bottom:1px dotted #ADB1B5;padding: 0 0 20px 0;}
.separate-top   {border-top:1px dotted #ADB1B5;padding: 20px 0 0 0;}
.list-title     {background-color:#adb0b5;font-weight:bold;color:#fff; font-size:13px; padding:4px 5px;margin: 2px 0 5px 0;display: block;width: 580px;}
.title-bottom   {margin-top:9%}

/* form */
form                    {padding: 0px!important;}
form br                 {clear: left;}
input, select   { display: block; float: left;padding: 0px; margin: 0px;}
.label                  { display: block; float: left;  width: 100px; padding-top: 3px;  padding-right: 5px;font-weight: bold;height: 18px;line-height:18px; clear: left;}
.inputtext              {font-size:12px;width:188px; height: 18px;margin: 3px 5px 3px 0;padding:2px 0 0 5px; background-color: #fff; color:#5b626b;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;vertical-align: middle;}
.inputtext2             {font-size:12px;width:186px; height: 18px;margin: 3px 5px 3px 4px;padding:2px 0 0 5px; background-color: #fff; color:#5b626b;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;vertical-align: middle;}
.select                 {font-size:12px;width:196px; height: 21px;margin: 3px 5px 3px 0;padding:2px 0 0 5px; background-color: #fff; color:#5b626b;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;vertical-align: middle;}
.select2                {font-size:12px;width:194px; height: 21px;margin: 3px 5px 3px 4px;padding:2px 0 0 5px; background-color: #fff; color:#5b626b;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;vertical-align: middle;}
.dblselect1             {font-size:12px;width:190px; height: 21px;margin: 3px 5px 3px 0;padding:2px 0 0 5px; background-color: #fff; color:#5b626b;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;vertical-align: middle;}
.dblselect2             {font-size:12px;width:190px; height: 21px;margin: 3px 0px 3px 0px;padding:2px 0 0 5px; background-color: #fff; color:#5b626b;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;vertical-align: middle;}
.button                 {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -175px -77px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 100px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.button:hover           {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -175px -77px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 100px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.lg-btn-grey            {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -155px -105px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 150px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.lg-btn-grey:hover      {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -155px -133px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 150px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.lg-btn-orange          {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -155px -133px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 150px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.lg-btn-orange:hover    {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -155px -105px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 150px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.lg-btn                 {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -155px -133px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 150px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.loginbutton            {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -175px -77px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 100px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
.loginbutton:hover      {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -175px -46px;color: #fff!important;font-weight:bold;font-size:13px; vertical-align: middle;width: 100px;height:25px;line-height:22px; display: block;padding: 0px;white-space:nowrap;text-align:center;float:left;border: none;}
input.button, input.button:hover ,input.lg-btn-grey,input.lg-btn-grey:hover,input.lg-btn-orange,input.lg-btn-orange:hover,input.loginbutton , input.loginbutton:hover  {padding:0 0 5px;}
input.checkbox          {margin: 0px; display : inline; vertical-align: baseline;}
.login-form             {margin:0 auto; height: 130px;}
.login-input            {width: 117px;}
.reg                    {margin: 8px 0 0 8px!important;}
.register-form          {margin:0 auto; height: 60px;}
.register-form h3       {text-align: center;padding:20px 0 0 0px;}
.register-button        {background-image:url(/gfx/general/buttonhover.png);background-repeat: no-repeat; width: 291px; height: 58px;display: block;margin: O 0 0 -3px;text-align: center;padding:20px 0 0 0px;font-size:16px; font-weight: bold;color: #fff!important;}
.register-button:hover  {background-image:url(/gfx/general/button.png);}

/*** @section images */
.header     {background:url(/gfx/general/bg-header2.png) repeat;padding: 0px;height: 222px; width: 935px;border-bottom: 1px solid #5e5c5e;}
.mabo       {background:url(/gfx/general/img-header2.png) no-repeat; width: 430px; height: 179px;background-position:0% 100%;}
.logo       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -8px -10px;width: 160px;height:48px; display: block;}
.search     {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -0px -167px;width: 310px;height:28px; display: block;margin: 0px 0px 0 0;}
.firm-logo  {margin: 0 0 10px 0;text-align: right; display:inline; float: right; }
.tour       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -174px -10px;width: 35px;height:35px; display: block; float: left;}
.rss        {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -208px -10px;width: 30px;height:35px; display: block;float: left;}
.rss1       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -210px -10px;width: 30px;height:35px; display: block;float: left;}
.rss2       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -8px -107px;width: 25px;height:25px; display: block;float: left;}
.twitter    {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -238px -10px;width: 30px;height:35px; display: block;float: left;}
.facebook   {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -268px -10px;width: 30px;height:35px; display: block;float: left;}
.adobe      {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -38px -107px;width: 15px;height:25px; display: block;float: left;}
.entry-icon       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -62px -107px;width: 15px;height:25px; display: block;float: left;}
.entry-icon:hover {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -83px -107px;width: 15px;height:25px; display: block;float: left;text-decoration: none;}
.edit-icon       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -104px -107px;width: 15px;height:25px; display: block;float: left;}
.edit-icon:hover {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -123px -107px;width: 15px;height:25px; display: block;float: left;text-decoration: none;}
.delete-icon       {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -10px -141px;width: 16px;height:25px; display: block;float: left;}
.delete-icon:hover {background: transparent url('/gfx/general/sprite.png') no-repeat scroll -36px -141px;width: 16px;height:25px; display: block;float: left;text-decoration: none;}

/*** @section shadow **/
.shadow {  background-color: #bcbcbc;   border: 1px solid #bfbfbf;   margin: 0px;   }
.shadow2 { background-color: #c7c7c7; border: 1px solid #cecece; margin: 0; }
.shadow3 { background-color: #d5d5d5; border: 1px solid #e1e1e1; margin: 0;  }
.shadow4 { background-color: #ededed;  border: 1px solid #f6f6f6;  margin: 0;  }
.shadow5 { float: left; background-color: #fcfcfc;  border: 1px solid #fff; }
.shadow5 img{  border: 1px solid #bfbfbf;background-color:#fff;  margin: -2px;  display:block;  position: relative;  top: -3px;  left: -3px; padding: 15px; }

/*** @section Table **/
table {border: 0;text-align: left;border-spacing:0px;}
table tr {vertical-align: top;}
table tr.alternate {background-color:#e1e2e3;}
table th {background-color:#ADB0B5; color:#fff;font-weight:bold;font-size:13px;padding: 2px 5px;}
table td {padding:5px;overflow: hidden;font-size: 12px;}
table.nl td {padding:0px;overflow: hidden;font-size: 12px;}

table.main {width:0px;}
table.main tr {padding:0px;}
table.main td {padding:0px; width:190px;}
table.main td.label {width:175px;}

.boxbutton {width:16px; height:16px;}
.bgyellow {background-color:yellow;}
.bggreen {background-color:green;}
.bglightgreen {background-color:lightgreen;}
.bgred {background-color:red;}
.bggray {background-color:gray;}
.bgorange {background-color:orange;}
.borderred {border-color:red;}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.25);
  background-color: rgb(25,25,25);
  background-color: rgba(25,25,25,0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: rgb(25,25,25);
  border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: rgb(25,25,25);
  border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: rgb(25,25,25);
  border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: rgb(25,25,25);
  border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
    border-bottom-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_top #tiptip_arrow_inner { 
    border-top-color: rgba(20,20,20,0.92);
  }
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/jslib/colorbox/overlay.png) repeat 0 0;}
#colorbox{ }
    #cboxTopLeft{width:21px; height:21px;     background:url(/jslib/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px;    background:url(/jslib/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px;  background:url(/jslib/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/jslib/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/jslib/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/jslib/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/jslib/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/jslib/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px; }
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/jslib/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/jslib/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/jslib/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/jslib/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/jslib/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/jslib/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/jslib/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/jslib/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/jslib/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/jslib/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/jslib/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/jslib/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/jslib/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

