/**********************************************************************************************
PURPOSE
This CSS file provide a clever way to add browser and OS specific css styles.

USAGE
.[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]

AVAILABLE OS CODES [os]:
win - Microsoft Windows
linux - Linux (x11 and linux)
mac - Mac OS
freebsd - FreeBSD
ipod - iPod Touch
iphone - iPhone
webtv - WebTV
mobile - J2ME Devices (ex: Opera mini)

AVIALABLE BROWSER CODES [browser]:
ie - Internet Explorer (All versions)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (all versions), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5 new
opera - Opera (All versions)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
konqueror - Konqueror
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
safari3 - Safari 3.x
chrome - Google Chrome
iron - SRWare Iron

EXAMPLES:
html.gecko div#header { margin: 1em; }
.opera #header { margin: 1.2em; }
.ie .mylink { font-weight: bold; }
.mac.ie .mylink { font-weight: bold; }

***********************************************************************************************/

/*------------------------------------------
// IE - All Versions - Windows
//------------------------------------------*/

/* Clearfix Method for containing floats in IE */
.ie .clearfix { display: inline-block; }  /* ... especialy for IE7 */
.ie .clearfix { display: block; }          /* ... for IE5,IE6,IE7 */
* html.ie .clearfix { height: 1%; }       /* ... for IE5 + IE6/Win */

/* Adjustment of .floatbox class for IE */
.ie .floatbox { width:100%; }




/*------------------------------------------
// IE - IE6.0 - Windows 
//------------------------------------------*/

/* Adds near-native PNG support with alpha opacity in IE6 */
/* ie6 img { behavior: url("interface/js/iepngfix.htc");  } */

/* Adds ability to user :hover selector on any tag in IE6 */
.ie6 body { behavior: url("interface/js/csshover.htc"); }
.ie6 div.box1 , ie div.box6 div.box6-top div.box6-bottom{ height:1%; }
.ie6 div#sidebar div.logo h1 { margin-left:15px; }
.ie6 div#sponsors ul.list1 li { width:92px; margin-right:0px; }
.ie6 div.box1 div.bottom { background:url(../images/content/sidebar/box1-bottom.png) left top no-repeat; height:11px; line-height:11px; }
.ie6 div#featured-videos div.description { position:relative; height:28px; width:197px;}
.ie6 div#featured-videos div.description  a.previous { background:url(../images/content/sidebar/previous.gif) left top no-repeat; width:36px; height:32px; display:block; position:absolute; left:0px; bottom:2px;}
.ie6 div#featured-videos div.description a.next { background:url(../images/content/sidebar/next.gif) left top no-repeat; width:40px; height:34px; display:block; position:absolute; right:0px; bottom:0px; }
.ie  div#facebook div.content { padding:20px 16px 16px; }
.ie div#updates.box1 div.middle { padding:16px 16px 0; }
.ie6 div#ticker ul li { margin-right:28px; }

.ie6 div#ticker { bottom:24px; left:17px; position:absolute; width:532px; }
.ie6 div#ticker ul li small { line-height:30px; }
.ie6 div#community div.column a.button4 { margin:0 0 0px 4px; }


.ie div#slideshow ul.list2 li{ list-style:none; margin-right:20px; }
.ie6 ul.list2 li { height:116px; padding:5px 8px; }
.ie6 ul.list3 li.last{margin-bottom:-4px;}

.ie6 div.overlay a.close-btn { background:transparent url(../images/content/close.gif) no-repeat scroll 0 top; display:block; height:30px; position:absolute; right:25px; top:16px; width:78px; }
.ie6 div.overlay div.top div.right { background:transparent url(../images/content/overlay1-top-right.png) no-repeat scroll 100% 0; height:6px; line-height:6px; padding-right:4px; }
.ie6 div.overlay img.dc-sign { bottom:0px; position:absolute; right:20px; z-index:30; }
.ie6 div#hours div.content { padding:21px 23px 75px 14px; }