/* WIDGET CSS FILE BRAH */

/* colorbox */
.colorBox { display: block; width: 231px; height: auto; }
.colorBox .colorBoxTop { display: block; width: 231px; height: 6px; float: left; }
.colorBox .colorBoxBody { width: 191px; height: auto; display: block; float: left; padding: 0 20px 10px 20px; color: #FFF; font-size: 12px; line-height: 18px; }
.colorBox .colorBoxBody img { max-width: 188px; border: 1px solid #ccc; }
.colorBox .colorBoxBottom { width: 231px; height: 6px; display: block; margin-bottom: 20px; float: left; }
.colorBox h3 { color: #FFF !important; margin: 0 !important; padding: 5px 0 !important; }
.colorBox h4 { color: #FFF !important; font-weight: bold; text-transform: uppercase; margin: 0 !important; padding: 5px !important; float: right; }
.colorBox p { margin: 0 !important; padding: 0 !important; }
.colorBox .reflected { margin-bottom: 2px; border: 1px solid #FFFFFF !important; }
.colorBox .reflect {overflow: visible !important; margin-left: 10px; }
.flameBox img { margin: 0 0 10px 10px; }

.green .colorBox .colorBoxTop { background: url(/includes/images/shell/colorbox-top-green.jpg) center no-repeat; }
.orange .colorBox .colorBoxTop { background: url(/includes/images/shell/colorbox-top-orange.jpg) center no-repeat; }
.blue .colorBox .colorBoxTop { background: url(/includes/images/shell/colorbox-top-blue.jpg) center no-repeat; }
.green .colorBox .colorBoxBody { background: url(/includes/images/shell/colorbox-bg-green.jpg) repeat-y; }
.orange .colorBox .colorBoxBody { background: url(/includes/images/shell/colorbox-bg-orange.jpg) repeat-y; }
.blue .colorBox .colorBoxBody { background: url(/includes/images/shell/colorbox-bg-blue.jpg) repeat-y; }
.green .colorBox .colorBoxBottom { background: url(/includes/images/shell/colorbox-bottom-green.jpg) center no-repeat; }
.orange .colorBox .colorBoxBottom { background: url(/includes/images/shell/colorbox-bottom-orange.jpg) center no-repeat; }
.blue .colorBox .colorBoxBottom { background: url(/includes/images/shell/colorbox-bottom-blue.jpg) center no-repeat; }

/* flamebox */
.flameBox h3 { text-transform: uppercase !important; }
.green .colorBox.flameBox .colorBoxTop { background: url(/includes/images/shell/flamebox-top-green.gif) center no-repeat; }
.orange .colorBox.flameBox .colorBoxTop { background: url(/includes/images/shell/flamebox-top-orange.gif) center no-repeat; }
.blue .colorBox.flameBox .colorBoxTop { background: url(/includes/images/shell/flamebox-top-blue.gif) center no-repeat; }
.green .colorBox.flameBox .colorBoxBody { background: url(/includes/images/shell/flamebox-bg-green.gif) bottom no-repeat; }
.orange .colorBox.flameBox .colorBoxBody { background: url(/includes/images/shell/flamebox-bg-orange.gif) bottom no-repeat; }
.blue .colorBox.flameBox .colorBoxBody { background: url(/includes/images/shell/flamebox-bg-blue.gif) bottom no-repeat; }
.green .colorBox.flameBox .colorBoxBottom { background: url(/includes/images/shell/flamebox-bottom-green.gif) center no-repeat; }
.orange .colorBox.flameBox .colorBoxBottom { background: url(/includes/images/shell/flamebox-bottom-orange.gif) center no-repeat; }
.blue .colorBox.flameBox .colorBoxBottom { background: url(/includes/images/shell/flamebox-bottom-blue.gif) center no-repeat; }

/* events/news widget */
.enWidget .enTab { display: block; width: 115px; height: 36px; float: left; }
.enWidget .enTop { display: block; width: 230px; height: 36px; padding: 0 1px; }
.green .enTab { background: url(/includes/images/widgets/en-tabs-green.gif) right no-repeat; }
.blue .enTab { background: url(/includes/images/widgets/en-tabs-blue.gif) right no-repeat; }
.orange .enTab { background: url(/includes/images/widgets/en-tabs-orange.gif) right no-repeat; }
.enWidget .enTab.active { background-position: left !important; }
.enWidget .enTop h3 { color: #FFFFFF !important; line-height: 36px !important; margin: 0 !important; padding: 0 !important; text-align: center; }
.enWidget .enContent { display: none; }
.enWidget .blockBasicCt { width: 191px; height: auto; padding: 10px 20px; }
.enWidget .dateBox img { border: none !important; width: 80px; height: 75px; }
.enWidget .enContent strong { font-weight: bold; color: #5c3d24; }
.enWidget .dateBox span { font-size: 20px; }
.enWidget .enContent h4 { margin: 5px 0 0 0 !important; padding: 0 !important; }
.enWidget .enContent p { margin: 5px 0 !important; padding: 0 !important; line-height: 16px; font-size: 11px; }
.enWidget .enContent p strong { color: #666; }

.wctWidget img { border: none !important; }
.wctWidget img.ui-datepicker-trigger { margin: 0; padding: 9px 8px 0 0 !important; float: right; }
.wctWidget .jump option { text-transform: capitalize; }

/* contact scroller */
#csWidget .csBody { position: relative; background: url(/includes/images/widgets/contacts/bg.gif) center no-repeat; width: 231px; height: 248px; display: block; margin-bottom: 20px; }
#csWidget .faceOverlay { position: absolute; left: 0; top: 82px; display: block; z-index: 100; }
#csWidget #csWidgetContent { position: absolute; width: 2000em; height: 220px; }
#csWidget #csWidgetContent .item { display: block; position: relative; float: left; width: 201px; padding: 0 14px; height: 210px; line-height: 16px; }
#csWidget #csWidgetContent .item .top { display: block; width: 201px; height: 50px; }
#csWidget #csWidgetContent .item img { float: right; margin-right: -7px; }
#csWidget #csWidgetContent .title { color: #666; }
#csWidget #csWidgetContent .name { font-weight: bold; }
#csWidget #csWidgetContent .item .email a { font-size: 11px; color: #000; font-weight: bold; }
#csWidget #csWidgetContent .item .bio { font-size: 11px; line-height: 16px; font-weight: bold; }
#csWidget #csWidgetWindow { display: block; width: 229px; margin: 0 1px 0 1px; overflow:hidden; height: 240px; position: relative; }
#csWidget h3 { margin-bottom: 0 !important; }
#csWidget .next { right: -10px; background: url(/includes/images/widgets/contacts/next.png) center no-repeat;}
#csWidget .prev { left: -10px; background: url(/includes/images/widgets/contacts/prev.png) center no-repeat; }
#csWidget .prev, #csWidget .next { display: block; position: absolute; top: 100px; width: 21px; height: 59px; z-index:101; cursor: pointer; }
#csWidget .next.disabled { background: url(/includes/images/widgets/contacts/next-disabled.png) center no-repeat !important; cursor: default !important; }
#csWidget .prev.disabled { background: url(/includes/images/widgets/contacts/prev-disabled.png) center no-repeat !important; cursor: default !important; }

/* contact widget */
.contact .photo { float: left; display: block; width: 126px; height: 110px; margin: 10px 15px 15px 0; text-align: center; background: url(/includes/images/widgets/contacts/photobg.gif) no-repeat center; }
.contact .photo img { margin: 1px 3px 4px 3px; max-width: 120px; max-height: 105px; }
.contact .l-itemContainer span { width: 100%; float: none; }
.contact .contactDesc { margin-top: 10px; font-size: 12px; }