/* ATTENTION REQUIRED: NONE */



/*--------------------------------------------- */
/*               >>> PALLETTE <<<               */
/*--------------------------------------------- */
body, h1, .heading1 { color: #6a6a6a; }

a                { color: #2e66b1; }
#tinymce a       { color: #2e66b1 !important; }

a:hover          { color: #f06800; }
#tinymce a:hover { color: #f06800 !important; }

h2 { color: #4b2735; }

.heading4 { color: #4b2735; }

.color01{ } /* See - h2.color01 */
.color02{ } /* See - h2.color02 */
.color03{ } /* See - h2.color03 */
.color04 { background: #4a2634; color: #bca5ae; }


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */
body { 
	background: #101113  url('/download-noauth/gallery/img/bodyjpg') repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}



#main { padding-top: 35px; }

#header { 
	background: #4a2634 url('/download-noauth/gallery/img/headergif') repeat-x 0 100%; 
	border-bottom: 1px solid #3c1e2a;
	padding: 10px 0;
}
#header-inner, #main, #footer { margin: 0 auto; width: 960px; }


#breadcrumb { position: absolute; top: 152px; }
#breadcrumb, #breadcrumb a { color: #fff; text-decoration: none; }

#content { padding-top: 50px; }
#ig-page-home2 #content{
    padding-top:2px
}


#content-inner { 
	background: #fff url('/download-noauth/gallery/img/contentgif') repeat-y 100% 0;
	padding: 0 170px 0 0;
	min-height: 360px;
}

* html #content-inner { height: 1%; }

#content-head { 
	background: #466895;
	margin: 0 0 0 5px;
	min-height: 60px;
	width: 950px;
}

body.landing #main { padding-top: 18px; }
body #content-head { margin-top: -48px; }
body.edit #main, body.edit #footer{ width: 966px; }
body.edit #content-head { width: 956px; }

.system #content-head { padding-bottom: 0px; }

#content-head h1, #content-head h1 a { 
	color: #fff;
	padding: 10px 10px 0;
}

#contentmenu { margin: 3px 3px 0 0; }

#custom-content { padding-top: 18px; }

#trailer, #trailerbar { padding: 0 10px; }
#trailerbar-meta { margin-top: 0; }
#trailer-viewcount { display:none; } 
#content-body { padding: 0 5px; }

.system #content-body { }


#footer { border-top: #fff solid 6px; }
#footer-inner { padding: 1.5em 0px; }

#footer *, #footer a { 
	color: #b0b0b0;
	text-decoration: none; 
}

#footer a:hover { text-decoration: underline; }

/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

/* APPLICATION LAYOUT
=============================================== */
.two-column { padding-top: 10px; }

#blogs .two-column .column-main { padding-left: 0px; }
.two-column .column-main { padding-left: 5px; }

/* CUSTOM CONTENT
=============================================== */
#customcontent { padding-top: 10px; }
#customcontent h1 { border-bottom: 1px dotted #d9dada; }
#customcontent ul { margin-left: 0; }
#customcontent ul li { 
	background: url('/download-noauth/gallery/img/bulletarro') no-repeat 0 6px; 
	list-style: none;
	padding-left: 10px;
}

#customcontent .color04 ul li { background-image:  url('/download-noauth/gallery/content/bulletarro~2'); }

h2.color01, h2.color02, h2.color03 {  
	margin-bottom: 1.5em;
	padding: 6px 10px;
}

#accordian h2.color01, #accordian h2.color02, #accordian h2.color03 { margin-bottom: 0; }

h2.color01, h2.color02, h2.color03, h2.color01 a, h2.color02 a, h2.color03 a { 
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h2.color01 { padding-left: 30px; }

h2.color01 { background: #336bb5 url('/download-noauth/gallery/content/headbluear') repeat-x; border: 1px solid #3d76c3; }
h2.color02 { background: #336bb5 url('/download-noauth/gallery/content/headbluegi') repeat-x; border: 1px solid #3d76c3; }
h2.color03 { background: #878888 url('/download-noauth/gallery/content/headgreygi') repeat-x; border: 1px solid #9e9e9e; }
.color04 h2, .color04 h2 a { color: #fff; border-bottom: 1px solid #775865; }


/* CUSTOM HEADERS
=============================================== */
.icon-globe-49 	{ background: url('/download-noauth/gallery/content/iconglobe4') no-repeat; padding: 9px 0 9px 59px; }
.icon-info-49 	{ background: url('/download-noauth/gallery/content/iconinfo49') no-repeat; padding: 9px 0 9px 59px; }
.icon-member-49 { background: url('/download-noauth/gallery/content/iconmember') no-repeat; padding: 9px 0 9px 59px; }


/* CUSTOM HOME
=============================================== */
#home.landing #home-banner { 
	background: #0e0701 url('/download-noauth/gallery/content/homebanner') no-repeat; 
	border: 5px solid #fff;
	height: 289px;
}
#home.landing #home-banner blockquote { color: #fff; padding: 20px 180px 20px 20px; width: 375px; }
#home.landing #home-banner h1 { border-width: 0; color: #79a4dd; }
#home.landing #home-banner p { color: #fff; }

#home.landing  #main { padding-top: 18px; }

#home.landing  #navigation { margin-top: -2px; }
#home.landing  #navigation li { margin-right: 10px; }

#home.landing  #content { background-color: transparent; padding-top: 0; }
#home.landing  #content-inner { 
	background-color: transparent;
	background-image: none;
	padding: 0;
	min-height: 265px;
}

#home.landing  #content-head { 
	background-color: transparent;
margin-top: -20px;
min-height: 0px;
}

#home.landing #home-columns { clear: both; position: relative; width: 960px; }
#home.landing  .grid-inner { background-color: #fff; padding: 5px; }

#home.landing  #custom-content { padding-top: 0px; }

#home.landing  #trailer, #home #trailerbar { display: none; }

#home.landing  #footer { border-width: 0; }

/* HOME ACCORDIAN
---------------------------------------------------- */
#hovercordion .hovercordion-panel {
	height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	margin-top: 0px;
}

#home #hovercordion .hovercordion-panel { background-color: #fff; padding: 10px; }

#hovercordion h2.color01, #hovercordion h2.color02, #hovercordion h2.color03 { margin-bottom: 0px; padding: 0; }
#hovercordion h2 a { display: block; padding: 6px 10px; }

/* HOME EDIT
=============================================== */


/* CUSTOM NAVIGATION - HEADER
=============================================== */
#custom-head-nav { position: absolute; top: 36px; right: 0px; }
#custom-head-nav ul { list-style: none; margin-right: 10px; }
#custom-head-nav li { border-left: 1px solid #70535e; display: inline; padding: 0 10px; }
#custom-head-nav li.first { border: none; }
#custom-head-nav li a { color: #b7a8ae; }
#custom-head-nav li a:hover { color: #fff; }

/* LOGO/TAGLINE
=============================================== */

#logo { margin-left: 18px; }

#logo a {
	background: url('/download-noauth/gallery/img/logopng') no-repeat;
	
	/* >-- Image Replacement */
	
			display: block;
			height: 0px !important;
			overflow: hidden;
			padding: 96px 0 0;
			width: 220px;
			
	/* <-- Image Replacement */
}

* html #logo a { background: url('/download-noauth/gallery/img/logogif') no-repeat; }


/* NEWS FEED
=============================================== */
.news-feed h2 { 
	border-bottom: 1px dotted #d9dada; 
	margin-bottom: 1em;
}

.news-feed ul.rss-items { list-style: none; padding-left: 0; }
.news-feed li.rss-item { margin-bottom: 1em; }


/* POWEREDBY
=============================================== */
#poweredby { background-image: url('/download-noauth/gallery/content/poweredbyg'); }

/* PRIMARYNAV
=============================================== */
#navigation { 
	position: absolute;
	margin: 74px 0 0 790px;
	width: 170px;
}

.edit #navigation { margin-left: 796px; }

#primarynav { }

#primarynav li { 
	background: url('/download-noauth/gallery/img/primarynav~2') repeat-y; 
	border-bottom: 1px solid #6f4355; 
	margin-right: 5px; 
}

#primarynav li a { 
	border-bottom: 1px solid #331924;
	color: #fff;
	display: block;
	padding: 6px 10px;
	text-decoration: none;
}

#primarynav li.here { background: url('/download-noauth/gallery/img/primarynav~3') no-repeat; }

#primarynav li a:hover { background: url('/download-noauth/gallery/img/primarynav') repeat-y; }
#primarynav li.here a:hover { background: url('/download-noauth/gallery/img/primarynav~3') no-repeat; }

#primarynav li.join {display: none; }

/* SEARCH KEYWORD
=============================================== */
#search-keyword { top: 36px; }

/* SEARCH/LABELS
=============================================== */
#search.landing #content, #labels.landing #content { padding-top: 5px; }


/* SIGNIN
=============================================== */
#signin #content-inner { background-image: none; padding-right: 0; }
#signin #navigation { display: none; }

#systemnav { margin-top: 1.5em; }

/*--------------------------------------------- */
/*            >>> 960 Grid System <<<           */
/*--------------------------------------------- */
	
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	display: inline;
	float: left;
	margin: 10px; 
}

.grid-inner { padding: 10px; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* GRID DIMENSIONS - 16
---------------------------------------------------- */

.grid-1 	{ width: 40px;  }
.grid-2 	{ width: 100px; }
.grid-3 	{ width: 160px; }
.grid-4 	{ width: 220px; }
.grid-5 	{ width: 280px; }
.grid-6 	{ width: 340px; }
.grid-7 	{ width: 400px; }
.grid-8 	{ width: 460px; }
.grid-9 	{ width: 520px; }
.grid-10 	{ width: 580px; }
.grid-11 	{ width: 640px; }
.grid-12 	{ width: 700px; }
.grid-13 	{ width: 760px; }
.grid-14 	{ width: 820px; }
.grid-15 	{ width: 880px; }
.grid-16 	{ width: 940px; }


/* GRID PREFIX'S
---------------------------------------------------- */

.prefix-1 	{ padding-left: 60px;  }
.prefix-2 	{ padding-left: 120px; }
.prefix-3 	{ padding-left: 180px; }
.prefix-4 	{ padding-left: 240px; }
.prefix-5 	{ padding-left: 300px; }
.prefix-6 	{ padding-left: 360px; }
.prefix-7 	{ padding-left: 420px; }
.prefix-8 	{ padding-left: 480px; }
.prefix-9 	{ padding-left: 540px; }
.prefix-10 	{ padding-left: 600px; }
.prefix-11 	{ padding-left: 660px; }
.prefix-12 	{ padding-left: 720px; }
.prefix-13 	{ padding-left: 780px; }
.prefix-14 	{ padding-left: 840px; }
.prefix-15 	{ padding-left: 900px; }


/* GRID SUFFIX'S
---------------------------------------------------- */

.suffix-1 	{ padding-right: 60px;  }
.suffix-2 	{ padding-right: 120px; }
.suffix-3 	{ padding-right: 180px; }
.suffix-4 	{ padding-right: 240px; }
.suffix-5 	{ padding-right: 300px; }
.suffix-6 	{ padding-right: 360px; }
.suffix-7 	{ padding-right: 420px; }
.suffix-8 	{ padding-right: 480px; }
.suffix-9 	{ padding-right: 540px; }
.suffix-10 	{ padding-right: 600px; }
.suffix-11 	{ padding-right: 660px; }
.suffix-12 	{ padding-right: 720px; }
.suffix-13 	{ padding-right: 780px; }
.suffix-14 	{ padding-right: 840px; }
.suffix-15 	{ padding-right: 900px; }


/* GRID box-body
---------------------------------------------------- */

/* Max Height: NONE */
.box-head { 
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
	padding-top: 5px;
	width: 100%; /* IE hasLayout */
}

.box-body {	
	background-position: 0 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

.box-head h2, .box-head h3, .box-head h4 { margin-left: 10px; margin-right: 10px; }

/* --[ Background Images: Top ]-- */

.grid-16 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round940to~2');
					 _background-image: url('/download-noauth/templates/components/img/round940to'); }
.grid-15 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round880top~2');
					 _background-image: url('/download-noauth/templates/components/img/round880top'); }
.grid-14 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round820top~2');
					 _background-image: url('/download-noauth/templates/components/img/round820top'); }
.grid-13 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round760top~2');
					 _background-image: url('/download-noauth/templates/components/img/round760top'); }
.grid-12 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round700top~2');
					 _background-image: url('/download-noauth/templates/components/img/round700top'); }
.grid-11 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round640top~2');
					 _background-image: url('/download-noauth/templates/components/img/round640top'); }
.grid-10 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round580top~2');
					 _background-image: url('/download-noauth/templates/components/img/round580top'); }
.grid-9 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round520to~2');
					 _background-image: url('/download-noauth/templates/components/img/round520top'); }
.grid-8 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round460to');
					 _background-image: url('/download-noauth/templates/components/img/round460to~2'); }
.grid-7 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round400top~2');
					 _background-image: url('/download-noauth/templates/components/img/round400top'); }
.grid-6 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round340top~2');
					 _background-image: url('/download-noauth/templates/components/img/round340top'); }
.grid-4 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round220to') !important;
					 _background-image: url('/download-noauth/templates/components/img/round220to~2') !important; }
.grid-3 .box-head 	{ background-image: url('/download-noauth/templates/components/img/box160topp');
					 _background-image: url('/download-noauth/templates/components/img/round160top'); }
.grid-2 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round100top~2');
					 _background-image: url('/download-noauth/templates/components/img/round100top'); }
.grid-5 .box-head 	{ background-image: url('/download-noauth/templates/components/img/box280topp');
					 _background-image: url('/download-noauth/templates/components/img/box280topg'); }
.grid-1 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round40top~2');
					 _background-image: url('/download-noauth/templates/components/img/round40top'); }



/* --[ Background Images: Bottom ]-- */
.grid-16 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round940bo~2');
					 _background-image: url('/download-noauth/templates/components/img/round940bo'); }
.grid-15 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round880-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round880-bottom.gif'); }
.grid-14 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round820-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round820-bottom.gif'); }
.grid-13 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round760-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round760-bottom.gif'); }
.grid-12 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round700-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round700-bottom.gif'); }
.grid-11 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round640-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round640-bottom.gif'); }
.grid-10 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round580-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round580-bottom.gif'); }
.grid-9 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round520bo~2');
					 _background-image: url('/download-noauth/templates/components/img/round520bo'); }
.grid-8 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round460-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round460-bottom.gif'); }
.grid-7 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round400-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round400-bottom.gif'); }
.grid-6 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round340-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round340-bottom.gif'); }
.grid-5 .box-body 	{ background-image: url('/download-noauth/templates/components/img/box280bott');
					 _background-image: url('/download-noauth/templates/components/img/box280bott~2'); }
.grid-4 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round220bo') !important;
					 _background-image: url('/download-noauth/templates/components/img/round220bo~2') !important; }
.grid-3 .box-body 	{ background-image: url('/download-noauth/templates/components/img/box160bott');
					 _background-image: url('/download-noauth/templates/components/img/round160bott~2'); }
.grid-2 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round100-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round100-bottom.gif'); }
.grid-1 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round40-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round40-bottom.gif'); }


/* EDIT - WYSIWYG: VISUAL AIDS
---------------------------------------------------- */
.mceItemVisualAid { border: 0; }

.mceItemVisualAid .alpha.mceItemVisualAid { margin-left: 0; margin-right: 8px; }
.mceItemVisualAid .omega.mceItemVisualAid { margin-left: 8px; margin-right: 0; }

.grid-3.mceItemVisualAid,
.grid-4.mceItemVisualAid, 
.grid-5.mceItemVisualAid,
.grid-6.mceItemVisualAid,
.grid-7.mceItemVisualAid,
.grid-8.mceItemVisualAid,
.grid-9.mceItemVisualAid,
.grid-10.mceItemVisualAid,
.grid-11.mceItemVisualAid,
.grid-12.mceItemVisualAid,
.grid-13.mceItemVisualAid
.grid-14.mceItemVisualAid,
.grid-15.mceItemVisualAid,
.grid-16.mceItemVisualAid { border: 1px dashed #ccc; margin-left: 9px; margin-right: 9px; }


/*--------------------------------------------- */
/*               >>> LABELS <<<              	*/
/*--------------------------------------------- */
.ig-grid-960-16 { width: 784px; }
.system .ig-grid-960-16 { width: 100%; }


/*--------------------------------------------- */
/*               >>> AD SLOTS <<<              	*/
/*--------------------------------------------- */
#adslot-leaderboard { display: none; }
#home #adslot-leaderboard { display: block; margin: 0 auto; position: absolute; top: -100px; text-align: center; width: 960px; }
#home #header { padding-top: 110px; }

.adslot-content { margin-bottom: 1.5em; text-align: center; }


#adslot-sidebar { display: none; }
#blogs #adslot-sidebar { display: block; position: absolute; margin-left: 793px; top: 500px; }


/*--------------------------------------------- */
/*               >>> TABBED PANELS <<<              	*/
/*--------------------------------------------- */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 950px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 1px 1px;
	margin: 0px 0px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #FFF;
	list-style: none;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: default;
list-style-type:none;
	border-color: #FFF;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #03F;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #C00;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab {
	background-color: #FFF;
}

/*--------------------------------------------- */
/*               >>> IMAGE SLIDER <<<              	*/
/*--------------------------------------------- */
#SlideItMoo_outer {  
	width:510px; 
	margin:10px auto 10px; 
	background:#000000; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	border-bottom:5px #ffffff solid;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:200px; 
	bottom:0px; 
	right:5px; 
	background:url(http://www.emccanada.org/download/templates/sliderbar/slideitmoo_forwardpng;v1?attachment=0&data=large) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(http://www.emccanada.org/download/templates/sliderbar/slideitmoo_backpng~2;v1?attachment=0&data=large) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:128px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; }
#SlideItMoo_items a img{ border:none; }