/* copy this section into editor.css - you want to use the same style for editing and displaying
start ----------------------------------*/
body, td, li, p, div, label, span
{
	font-family: "Helvetica Neue" , "HelveticaNeue-Light" , "Helvetica Neue Light" ,Arial,Tahoma,Lucida Sans Unicodem,Menu,Verdana;
	font-size: 10pt;
	color: #333;
	font-weight: 300;
}
a
{
	font-size: 10pt;
}

h1, h2, h3, h4
{
	color: #555;
	margin-bottom: 4px;
	letter-spacing: -1.2px;
}
h3, h4, h5, h6
{
	color: #999;
}

h1
{
	font-size: 2em;
letter-spacing: -1.5px;
}
h1x
{
	font-size: 2.5em;
	background-color: darkblue;
	padding: 20px;
	color: White;
	margin: 1px 0;
}
 h2
{
	font-size: 1.7em;
}
h3
{
	font-size: 1.5em;
}

div.Rounded
{
	padding: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div, fieldset
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}
strong {letter-spacing:1px;}

/* end --------------------------------------*/
body {
scrollbar-base-color: #ddd;
scrollbar-arrow-color: #555;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-track-color: #fff;
}

h1.gradient {
          margin:0 -8px;
          padding:14px 0px 0 10px;
            height: 50px;
           
            background: transparent url(Images/heading_bg.png) repeat-x;

}
h3.gradient 
{
	font-size: 1.2em;
	height:30px;
	width:700px;
	background: #fff url( 'Images/heading_bg.png' ) repeat-x 0 0
	}

div.gradient 
{
	background:transparent url( 'Images/heading_bg.png' ) repeat-x 0 0;
 }

div.gradient h3
{
font-size: 1.2em;
	padding-left:4px;
 }

body
{
	margin: 0;
	padding: 0;
	xbackground: transparent url(   'Images/BodyBg2.jpg' ) repeat 0 0px;
	xbackground: transparent url( 'Images/path.jpg' ) repeat 0 0;
	background: #fff url( 'Images/BodyBg3.jpg' ) repeat-x 0 200px;

	xbackground: lightsteelblue;
	background-attachment: fixed;
    

	xbackground-image: -webkit-gradient(
	 linear,
    left top,
    left bottom,
    color-stop(0.38, rgb(255,255,255)),
    color-stop(.77, rgb(78,84,150))
);

xbackground-image:
-moz-linear-gradient(
    center top,
    rgb(255,255,255) 28%,
    rgb(78,84,150) 77%
) ;

 
}

#Header
{
	position: relative;
	top: -17px;
	background: transparent url(Images/headerBg.png) no-repeat;
	height: 17px;
	width: 980px;
	margin: 0;
}

#Footer
{
	position: relative;
	bottom: -27px;
	background: transparent url(Images/footerBg.png) no-repeat;
	height: 27px;
	width: 980px;
	margin: 0;
}

#ContentOuter
{
	position: relative;
	top: 1px;
	background: transparent url(Images/contentBg.png) repeat-y;
	margin: 0 auto;
	width: 980px;
}


/* ie 6 and below see * html */

/*
* HTML #Header {
	BACKGROUND:none no-repeat 0px 0px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.torontopath.com/masters/default/Images/headerBg.png',sizingMethod='scale')
}

* HTML #ContentOuter {
	BACKGROUND:none repeat-y; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.torontopath.com/masters/default/Images/contentBg.png',sizingMethod="scale")
}

*  HTML #Footer {
	BACKGROUND: none no-repeat 0px 0px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.torontopath.com/masters/default/Images/footerBg.png',sizingMethod='scale')
}
*/


#ContentBody
{
	position: relative;
	top: 0px;
	padding-top: 14px;
	background-color: transparent;
	margin-left: 18px;
	width: 944px;
}
#Logo
{
	margin: 1px auto 0;
	left: 10px;
	height: 95px;
	width: 950px;
}
#Logo img
{
	height: 85px;
	border: none;
}

#ContentMainColumn
{
	width: 680px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px dotted #ddd;
}

form
{
	margin: 0;
	padding: 0;
}

.errorMessage
{
	color: Red;
	font-size: larger;
}

.lastupdated
{
	display: none;
	font-style: italic;
	border-top: 1px dotted #ddd;
	margin-top: 40px;
}



/*menu Section */
/*
WebControls : Menu Style Sheet
Version 1.0 - Built: Tuesday April 16 2005
Copyright 2004 (c) WebControls Limited. All Rights Reserved.
All Copyright statements must always remain in place in all files at all times
***  PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE  **** 
This is a commercial software product, please visit http://www.webControls.com for more information.
License Number: Unlicensed
*/

/*  MSDN Silver */


/*1. Set font size type and size for both Vertical and Horizontal Menu */
.menuBar a, .menu a, .toolBar a
{
	font-family: Arial,Tahoma,Lucida Sans Unicodem,Menu,Verdana;
	font-size: 11pt;
}



/*____________
 Horizontal Menu
_________________*/
/*2. remove margin indents and bullets from list items*/
.menuBar ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: transparent;
	height: 34px;
	overflow: hidden;
}
.menuBar li
{
	position: relative;
	float: left;
	margin: 3px 3px 0 3px;
	padding: 0;
	height: 34px;
}
/*3. anchor add extra padding to left and right side to spaceout menu options set default color and background, remove underline decoration*/
.menuBar a
{
	display: block;
	text-decoration: none;
	color: white;
	padding: 0px 6px;
	line-height: 34px;
}

/*4. set foreground color for hovered item it must set it in this rule*/
.menuBar .hover a
{
	color: black;
}
/*5. set background color and border for the hover and selected menu item */
/* note: the sum off padding + border + margin should equal the sum of the same attributes defined for  LI element  otherwise your menu will dance*/
.menuBar li.hover
{
	background-color: orange !important;
}
.menuBar li.selected
{
	background-color: orange !important;
}




/*7. decorations */
.menuBar .separator
{
	margin: 0;
	height: 26px;
	width: 10px;
	background: red url(  'Images/vSeparator.gif' ) no-repeat;
}



/*

Vertical Menu

*/
/*1. remove margin indents and bullets from list items*/
.menu ul
{
	xborder: 1px solid blue;
	z-index: 100000;
}
.menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 1px;
	xbackground-color: white;
}

/*2. set padding between menu and option outline */
.menu li
{
	position: relative;
	padding: 2px;
}

/*3. submenu right arrow */
.menu .submenu
{
	background: url(   "Images/rightArrow.gif" ) no-repeat 99% 50%;
}
.menu .hoversubmenu
{
	background: url(   'Images/rightArrow.gif' ) no-repeat 99% 50%;
}

/*4. position must be relative very important otherwise IE6 looses the absolely positioned images in quirks mode*/
.menu a
{
	position: relative;
	display: inline;
	text-decoration: none;
	padding: 2px 16px 2px 6px;
	color: #333;
	margin: 0px;
	height: 1em;
	background-color: transparent;
}

/*5. W3C  doesn't support height on inline items so switch to block.
IE doesn't like block without a width, since we don't want to set widths we like them to be automatic
hence this hack*/
html > body .menu a
{
	display: block;
	height: 1.3em;
}

/*6. set menu text color */
.menu .hover a
{
	color: black;
}
/*7. define the menu hover */
.menu .hover
{
	background-color: orange !important;
	border: 1px solid #aaa;
	padding: 1px;
}

/*8.0 separator line break */
.menu .separator
{
	position: relative;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 1px;
	border-top: 1px solid silver;
	overflow: hidden;
}
/*8.1 hacks for ie5.0  ie5 cannot see after  quote**quote */
.menu .separator
{
	top: .5em;
	top: /**/ 0px;
}

/*9. disabled menu options set color to gray and dim images */
.menu .disable a, .menuBar .disable a
{
	color: #aaa;
}




/* Shadow */
.shadow
{
	-moz-opacity: 3;
	opacity: 0.3;
	background-color: #333;
	border: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=gray,strength=4);
}


/* Menu Scroll Bar when menu vertical size greater than available client height*/
a.scrollUp
{
	position: absolute;
	border: 1px solid #ddd;
	padding: 0px;
	height: 13px;
	overflow: hidden;
	background: white url(   'Images/scrollUp.gif' ) no-repeat 50% 50%;
}
a.scrollDown
{
	position: absolute;
	border: 1px solid #ddd;
	padding: 0px;
	height: 13px;
	overflow: hidden;
	background: white url(   'Images/scrollDown.gif' ) no-repeat 50% 50%;
}
a:hover.scrollDown
{
	border: 1px solid #aaaaaa;
	padding: 0px;
	background-color: lightsteel;
}
a:hover.scrollUp
{
	border: 1px solid #aaaaaa;
	padding: 0px;
	background-color: lightsteel;
}
/*W3C Box hack*/
html > body a.scrollUp, html > body a.scrollDown
{
	height: 11px;
}


div.sideMenuTitle
{
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 5px;
}
.menuBar UL UL, .menu UL UL
{
	display: none;
}

.menuBar a
{
	 
	leter-spacing: .3px;
	color: #ffffff;
}

.menuBarBackground
{
	position: absolute;
	top: -14px;
	left: 10px;
	padding-top: 4px;
	margin: 0;
	background: steelblue url(Images/menuBg2.gif) repeat-x 0px 0px;
	height: 45px;
}

.menuBar, .menuBarBackground
{
	width: 961px;
}


.menuBar UL UL, .menu UL UL
{
	display: none;
}

.menuBar ul
{
	margin-left: 20px;
}

.menu .hover, .menuBar .hover
{
	background-color: #d3d6ff !important;
	background-color: #3896e0 !important;
}
.menuBar li.hover, .menu li.hover
{
	color: #333 !important;
	xbackground-color: #d3d6ff !important;
	background-color: White !important;
}

.menuBar li.selected, .menuBar li.current a
{
	background-color: White !important;
	zbackground-color: #d3d6ff !important;
	color: #333 !important;
}


.menu li.current
{
	border-bottom: 1px dotted #333;
	padding-bottom: 1px;
}

.menu img
{
	border: none;
	margin-right: 5px;
}

.menu ul
{
	background-color: #155cb1;
	min-width:150px;
}
.menu a
{
	color: White;
}

.menu li
{
	margin-top: 5px;
	margin-bottom: 5px;
}
.menu .hover
{
	border: 1px solid transparent;
}
.menuBar li {border-right:1px dotted #999}
   
/*********************

Form Section

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

select.selectMultiple
{
	display: none;
}
.selectMultiple span
{
	border: 1px solid #ccc;
	padding: 2px 5px;
	background-color: #fff;
	-webkit-border-radius: 6px;
	margin-left: 5px;
	width: 250px;
}
.selectMultiple select
{
	position: absolute;
	display: none;
	width: 250px;
}
a.editButton
{
	position: relative;
	margin-left: 10px;
	color: #fff;
	display: none;
	border: 1px solid #eee;
	background-color: green;
	padding: 4px;
	text-decoration: none;
}
a.editButton:hover
{
	font-weight: bold;
	background-color: green;
	color: white;
	text-decoration: none;
}

div.dataForm
{
	padding: 10px;
}
.dataForm ul
{
	font-size: 1.1em;
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}
.dataForm li
{
	margin: 10px 0;
}
.dataForm label
{
	display: inline-block;
	text-align: right;
	width: 150px !important;
	color: #222;
	vertical-align: top;
	margin-right: 10px;
}

.dataForm .input
{
	width: 250px;
}




.dataForm fieldset
{
	padding: 10px;
}

.errorMessage
{
	padding: 10px;
	display: block;
	color: Red;
	font-size: 1.5em;
}

/*add edit delete buttons*/
a.Button
{
	margin: 4px;
	color: #000;
	text-decoration: none;
	border: 1px solid #ddd;
	padding: 4px 8px;
	background: #ddd url(Images/GradientBg.png) repeat-x -10px -10px;
}
a.Button:hover
{
	background-color: orange;
}




.PaneTitle
{
	height: 21px;
	background: url(      'Images/winTitleBg.gif' ) repeat 0 0;
	overflow: hidden;
	font-weight: bold !important;
	font-size: 10px;
}




a.PaneClose
{
	float: right;
	text-decoration: none;
	color: white;
	background-color: Red;
	padding: 1px 2px;
	margin-right: 4px;
	margin-top: 2px;
}

a.PaneClose:hover
{
	background-color: Blue;
	padding: 0 1px;
	border: 1px solid blue;
}

.Pane
{
	position: absolute;
	z-index: 1000;
	display: none;
	border: 1px solid #ccc;
}




#ModalShim
{
	background: Transparent url(Images/bg.png) repeat; /*background-color:White;*/
	height: 200%;
}


/*Grid */
div, span, ul, li, a, td, select, fieldSet
{
	-moz-box-sizing: border-box;
}


.Search h2
{
	font: menu;
}
.Search TABLE, .Search SELECT, .Search INPUT
{
}
.Search TABLE TD
{
	padding: 1px 2px;
}

.Search SELECT
{
	width: 130px;
}
.GridContainer
{
	border: 1px solid lightSteelBlue;
	margin: 0 10px;
	padding: 0;
	background-color: white;
	border: 1px solid silver;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=silver,strength=6); /*#7b68ee */
}


TABLE.Grid
{
	background-color: #eee;
	table-layout: fixed;
}
.Grid td
{
	font-size: 9pt;
	font-family: Arial;
	background-color: white;
}
.Grid thead td
{
	height: 24px;
	color: #000000;
	background: #C3DAF9 url(../../Images/CaptionBg.gif) repeat-x 0 0;
	text-align: left;
	padding: 1px 3px 2px;
	border-right: 1px solid #C3DAF9;
	border-top: 1px solid white;
}


.Grid .SortHover
{
	border-bottom: 2px solid #FFA500;
	padding: 1px 3px 0px 3px;
}
.Grid .SortASC
{
	background: #C3DAF9 url(     '../../Images/sortAsc.png' ) no-repeat 99% 50%;
}
.Grid .SortDESC
{
	background: #C3DAF9 url(     '../../Images/sortDesc.png' ) no-repeat 99% 50%;
}
.Grid .Sorting
{
	border: 1px inset;
	border-bottom: 2px solid blue;
	padding: 1px 3px 0px;
	background: #eee url(     '../../Images/CaptionBg.gif' ) repeat-x;
	cursor: wait !important;
}

.Grid td
{
	color: #666;
	background-color: white;
	border-bottom: 1px solid #E6EAF1;
	padding: 0;
	padding: 3px 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Grid .Alternate td
{
	background-color: #F4F8FF;
	background-color: white;
	color: #444;
}


.Grid .Hover td
{
	/*#eeefff*/
	background-color: #d3d6ff !important;
	color: #000000;
}
.Grid .Selected td
{
	background-color: #d3d6ff;
	color: white;
}
.Grid .Hidden
{
	display: none !important;
}
.Grid img
{
	width: 16px;
	height: 16px;
	border: none;
}
.Grid tbody td
{
	vertical-align: top;
}

/* group expand /collapse */
.Grid tr.rowHide
{
	display: none;
}
.Grid tr.groupCollapse .groupIcon
{
	width: 20px;
	background: white url(   'Images/gridRowCollapse.gif' ) no-repeat 50% 50%;
}
.Grid tr.groupExpand .groupIcon
{
	width: 20px;
	background: white url(   'Images/gridRowExpand.gif' ) no-repeat 50% 50%;
}
.Grid .groupHead
{
	padding: 6px 4px;
	color: blue;
}

td.StatusBar
{
	font: menu;
	color: #555;
}


#ResizeLine
{
	position: absolute;
	width: 2px;
	border-left: 2px solid blue;
	cursor: default;
}
.Grid .Separator
{
	float: right;
	width: 4px;
	background-position: right center;
	cursor: e-resize;
	position: relative;
	left: 7px; /*background-image: url(../Images/tbseparator.gif);*/
	background-repeat: no-repeat;
}

.GridNumItems
{
	font: menu;
	padding: 0 5px;
}


#signIn
{
	background-color: transparent;
	border: 1px solid transparent;
	padding: 4px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	right: 18px;
	top: -85px;
	font-size: 10pt;
}
#signIn a
{
	text-decoration: none;
	color: #666;
}
#signIn a:hover
{
	text-decoration: underline;
}

/*.Scroll {overflow:visible;height:auto!important;border-right:1px dotted #ccc} */
.Scroll
{
	overflow: auto;
	border-right: 1px dotted #222;
}





/* Table List */
.TableList td
{
	background-color: #fff;
	padding: 6px 2px;
}
.TableList thead td
{
	background: #ddd url(Images/GradientBg.png) repeat-x -10px -10px;
}
table.TableList
{
	margin-top: 10px;
	border: 1px solid #ddd;
}

/*add edit delete buttons*/
a.Button
{
	margin: 4px;
	color: #000;
	text-decoration: none;
	border: 1px solid #ddd;
	padding: 4px 8px;
	background: #ddd url(Images/GradientBg.png) repeat-x -10px -10px;
}
a.Button:hover
{
	background-color: orange;
	text-decoration: none !important;
}



/* Star Rating */
.RatingStar
{
	width: 60px;
	height: 16px;
	display: inline-block;
	background: url(Images/RatingStar.png) 0 0 no-repeat;
	border: none;
}

.Rating-5
{
	background-position: 0 0;
}
.Rating-4
{
	background-position: -12px 0;
}
.Rating-3
{
	background-position: -24px 0;
}
.Rating-2
{
	background-position: -36px 0;
}
.Rating-1
{
	background-position: -48px 0;
}
.Rating-0
{
	background-position: -60px 0;
}

/*Tab Control options */
.tabContainer
{
	position: relative;
	left: 0px;
	padding: 10px 0;
	width: 640px;
	background-color: #eee;
	 
}

/*Tab Control options on right hand side*/
.tabRightSide .tabs
{
	float: right;
	position: relative;
	width: 210px;
	right: 4px;
}
/*Tab Control options on right hand side*/
.tabLeftSide .tabs
{
	float: left;
	position: relative;
	width: 210px;
	left: 4px;
}
.tabContainer ul.tabs
{
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
}
.tabContainer ul.tabs li
{
	float: left;
	margin: 4px 0;
	display: block;
}


.tabRightSide .tabContentContainer
{
	width: 410px;
	overflow: auto;
	position: relative;
	border: 1px solid #ddd;
	left: 5px;
	padding: 5px 4px 5px 2px;
	background: #fff url(Images/BodyBg3.jpg) repeat-x 0px 0px;
}
.tabLeftSide .tabContentContainer
{
	width: 410px;
	overflow: auto;
	position: relative;
	border: 1px solid #ddd;
	left: 15px;
	padding: 5px 2px;
	background: #fff url(Images/BodyBg3.jpg) repeat-x 0px 0px;
}
.tabContentContainer h3
{
	padding: 2px;
	color: #777;
	color: #00a0c6;
}

.tabContainer .tabs a
{
	font-weight: bold;
	color: #666;
	border: 1px solid transparent;
	padding: 7px 1px;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 210px;
	height: auto;
	overflow: hidden;
}
.tabContainer .tabs img
{
	width: 42px;
	margin-right: 4px;
	border: none;
	vertical-align: middle;
	NewTestversion_filter:gray;
}
.tabContainer .tabs .tabSelected
{
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border: 1px dotted #aaa;
}
.tabContainer .tabSection
{
	display: none;
}
.tabContainer .tabSectionSelected
{
	display: block;
}
.tabContainer .tabSectionSelected a.more
{
	display: inline-block;
	padding-top: 20px;
}
.tabContainer .tabSectionSelected img
{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 4px solid #ddd;
	xwidth: 150px;
}
NewTESTVersion.tabContainer .tabSectionSelected img
{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	 border:none;
	width: 150px;
	x-webkit-box-reflect:below 0px
    -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.8, transparent), to(#333333));
    
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=gray,strength=6);
     -webkit-box-shadow:4px 4px 4px #888;
      -moz-box-shadow:4px 4px 4px #888;
 
}

.tabContainer .tabSectionSelected a
{
	text-decoration: none;
}


/* List controls styles */
.simpleList h2 {margin:-10px -10px 4px -10px;color:#999;background-color:#eee;padding:2px 4px;}
.simpleList ul
{
	margin: 0;
	padding: 0;
	color: #00a0c6;
	list-style-position: inside;
	list-style-image: url(Images/rightArrow.png);
}

.simpleList a
{
	padding: 0;
	text-decoration: none;
	color: #333;
	position: relative;
	left: -5px;
}
.simpleList a:hover
{
	color: #00a0c6;
	text-decoration: underline;
}

.simpleList li
{
	margin-bottom: 5px;
	margin-left: 0px;
}


ul.thumbNailList
{
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.thumbNailList img
{
	xwidth: 50px;
	margin-right: 4px;
	border: none;
	vertical-align: middle;
}
.thumbNailList a
{
	text-decoration: none;
	color: #333;
}
.thumbNailList a:hover
{
	color: #00a0c6;
	text-decoration: underline;
}
.thumbNailList li
{
	margin-bottom: 10px;
}

.verticalImageList img
{
	width: 115px;
	margin-top: 5px;
	border: none;
}

.verticalImageList a:hover img
{
	position: relative;
	left: -20px;
}
.verticalImageListAutoSize img
{
	
	margin-top: 5px;
	border: none;
}

.verticalImageListAutoSize a:hover img
{
	position: relative;
	xleft: -20px;
}

.verticalOneImageList img {display:block;margin:0 auto 5px;border:none;}
.verticalOneImageList a {display:block;margin-top:4px;color:blue;text-decoration:none;}
.verticalOneImageList a:hover {color:Blue;text-decoration:underline}
.verticalOneImageList h3 {margin:0px 0px 2px;font-size:10pt}


.imageList img
{
	height: 90px;
	margin-top: 5px;
	border: none;
}

.imageList a:hover img
{
	position: relative;
	height: 95px;
}

.simpleImageList img
{
	height: 150px;
	margin: 1px;
	border: none;
}


.horizontalListScroller .ScrollButton
{
	text-decoration: none;
	background-color: #eee;
	color: #333;
	padding: 16px 2px;
	border: 1px solid #ddd;
}
.horizontalListScroller .ScrollButton:hover
{
	background-color: orange;
	color: #00a0c6;
	border: 1px solid #888;
}
.horizontalListScroller .ScrollMe a
{
	float: left;
}
.horizontalListScroller img
{
	border: none;
	margin: 10px 4px;
	height: 50px;
	x-webkit-box-reflect:below 4px
    -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.8, transparent), to(#333333));
}
.horizontalListScroller a:hover img
{
	margin-top: 0;
	height:60px;
}

/*same as .horizonta ListScroller but bigger*/
.horizontalListScroller2 .ScrollButton
{
	text-decoration: none;
	background-color: #eee;
	color: #333;
	padding: 16px 2px;
	border: 1px solid #ddd;
}
.horizontalListScroller2 .ScrollButton:hover
{
	background-color: orange;
	color: #00a0c6;
	border: 1px solid #888;
}
.horizontalListScroller2 .ScrollMe a
{
	float: left;
}
.horizontalListScroller2 img
{
	border: none;
	margin: 50px 4px;
	height: 100px;
}
.horizontalListScroller2 a:hover img
{
	 
	 
	margin: 0 4px;
	height:200px;
}

/*List With Text */
ul.listWithText
{
	padding: 0;
	list-style-type: none;
	margin: 0;
	clear: left;
}

.listWithText img
{
	 
	margin-right: 10px;
	margin-bottom: 5px;
	border: none;
	float: left;
}
.listWithText a
{
	text-decoration: none;
	color: blue;
}
.listWithText a:hover
{
	color: #00a0c6;
	text-decoration: underline;
}
.listWithText li
{
	clear: left;
	margin-bottom: 30px;
}
/*Horizontal Banner */

div.banner
{
	 position:relative;
       
	 
	  xbackground: transparent url(Images/heading_bg.png) repeat-x;
        background:#ddd;
	width: 960px;
	height: 82px;
	overflow: hidden;
	top: 0px;
	left: -8px;
-moz-border-radius: 0px;
	-webkit-border-radius: 0px;

}
.banner img
{
	border: none;
	height: 70px;
	margin-top: 5px;
	margin-left: 5px;
}

div.bottomShadow
{
	margin: 20px 0 px;
	xborder: 1px solid #eee;
	border-bottom: none;
	background: transparent url(Images/dropShadow.png) no-repeat 0 bottom;
}

/*Search input */

fieldset.search
{
	position: absolute;
	top: -46px;
	left: 300px;
	z-index: 2;
	background-color: #d3d6ff;
	border: none;
	padding: 2px;
}
.search form
{
	padding: 0;
	margin: 0;
}
fieldset.searchFocused
{
	background-color: Orange;
}
.search .innerContainer
{
	background-color: #fff;
}
.search input.q
{
	float: left;
	position: relative;
	top: 5px;
	margin-left: 7px;
	margin-right: 7px;
	border: 1px solid transparent;
	font-style: italic;
	color: #555;
	width: 240px;
}
.search .button
{
	position: relative;
	top: 3px;
	right: 6px;
	background: url(Images/search.gif) no-repeat;
	height: 28px;
	width: 22px;
	border: none;
}


/* Search Results */

H2.searchResults
{
	display: inline;
	margin: 10px;
}
.searchTerm
{
	font-size: 1.5em;
	font-style: italic;
}
.searchResults a img
{
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	width: 100px;
	height: auto !important;
	border:none; 
}
.searchResults a h2
{margin-top:0;font-size:1.5em;color:#666;}

.searchResults a 
{
	
	/*font-size:12pt;color:#555;font-weight:bold;*/
	text-decoration:none;}
	
	.searchResults td {padding:10px 0 0;border-bottom:1px dotted #ddd}

fieldset.refineContainer
{
	float: right;
	width: 210px;
	padding: 0 5px 10px !important;
 background:transparent url( 'Images/heading_bg.png' ) repeat-x 0 0;
border:1px solid #eee;
}
.refineContainer h3
{
	font-size: 10pt;
	color: #888;
	margin: 10px 0 2px;
}

.refineSection
{
	width: 210px;
	max-height: 355px;
	overflow: auto;
	background-color: #fff;
}
.refineSection a
{
	width: 190px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	color: #333;
	padding: 6px 2px 2px 1px;
	border-bottom: 1px dotted #aaa;
}

.refineSection span.offButton
{
	margin: 0;
	border: 1px solid #eee;
	color: white;
	background-color: #bbb;
	padding: 0 14px;
}

.refineSection a:hover
{
	color: #00a0c6;
}
/* number item found */
.refineSection a span
{
	color: #999;
	margin-left: 10px;
}

div.pagerControl {padding:10px 0px;font-size:1.2em;}
.pagerControl a
{
	text-decoration: none !important;
	color: #000000;
	border: 1px solid white;
	padding: 0 1px;
	margin: 0 1px 2px 0;
	
}
.pagerControl a:hover
{
	text-decoration: none !important;
	border: 1px solid #AAAAAA;
	background-color: #FFEEC2;
}
.pagerControl a.selected
{
	text-decoration: none !important;
	border: 1px solid lightsteelblue;
	background-color: #eee;
	color: #111;
}
#loadingMessage
{
	font-size: 120%;
	color: #333;
	border: 2px solid blue;
	display: block;
	left: 35%;
	position: absolute;
	top: 30%;
	background-color: #fff;
	width: 150px;
	padding: 8px;
	z-index:10000;
}

/*browse categories */
.browseCategories h3
{
	font-size: 12pt;
	color: #444;
	margin:5px;
	 
}

div.browseCategories 
{
	width: 210px;
	max-height: 355px;
	overflow: auto;
	 
	border:1px solid #ddd;
background:transparent url( 'Images/heading_bg.png' ) repeat-x 0 0;
}
.browseCategories a
{
	width: 190px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	color: #333;
	padding: 4px 2px 2px 1px;
	border-bottom: 1px dotted #aaa;
}
.browseCategories a:hover
{color:#00a0c6;}
.browseCategories li 
{
	 list-style:none;}


img.floatLeft {float:left;padding-right:10px;padding-bottom:10px;}

div.plainSubmenu
    {
        height: 50px;
        left: -8px;
        width: 960px;
        position: relative;
        background:transparent url( 'Images/heading_bg.png' ) repeat-x 0 -20px;
        xbackground: #eee;
    }
    .plainSubmenu ul ul
    {
        display: none;
    }
    .plainSubmenu ul
    {
        margin: 10px 30px;
        list-style: none;
        display: inline;
        float: left;
        background-color: transparent;
    }
    .plainSubmenu ul li
    {
        float: left;
        margin-right: 15px;
        padding: 6px 4px;
    }
    .plainSubmenu ul li.current
    {
        color: #333 !important;
        border: 1px solid #fff;
        border-bottom: none;
        background-color: #fff;
        position: relative;
        padding: 6px 10px 8px;
    }
    .plainSubmenu ul li.current a
    {
        color: #333 !important;
    }
    .plainSubmenu a
    {
        text-decoration: none;
        color: #888;
        font-weight: bold;
    }
    .plainSubmenu a:hover
    {
        text-decoration: underline;
    }
    .sideMenuTitle
    {
        background-color: transparent;
        color: #666;
        float: left;
        display: inline;
        margin-right: 20px;
        margin-top: 5px;
        font-weight: bold;
        font-size: 2.2em !important;
    }

/* Commenst Widget BEGIN*/
    div.commentList, div.commentList li, fieldset#comment,  div.commentList .reply
    {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    
    
    #commentContainer input, #commentContainer textarea, #commentContainer select
    {
        color: #aaa;
        width: 95%;
        margin-bottom: 10px;
    }
    
    fieldset#commentContainer
    {
        border: 1px solid #ddd;
        margin: 10px 0;
        width: 400px;
        padding: 5px;
    }
    #commentContainer p
    {
        color: #777;
    }
    #comment #submit
    {
        color: #333;
    }
    div.commentList
    {
        position:relative;
        width: 400px;
        border: 1px solid #ddd;
        background: #eee;
        padding: 4px;
    }
    .commentList h3, #comment h3
    {
        color: steelBlue;
    }
    .commentList .date
    {
        margin: 0 10px;
        color: #888;
        font-size: .7em;
    }
    
    .commentList .reply
    {
        font-size: .8em;
        margin:0 10px;
        color: #555;
        background-color: #ddd;
        padding: 2px 10px;
        text-decoration: none;
         }
    
    .commentList .reply:hover
    {
        color: White;
        background-color: steelblue;
        }
    .commentList ul
    {
            list-style-type: none;
            margin: 2px;
            padding: 0px;
    }
     
    .commentList li
    {
        list-style-type: none;
        margin:0px;
        margin-top:10px;
       
        border: 1px solid #ddd;
        border-bottom: none;
        border-right: none;
        padding: 5px 0 1px 15px;
        background: #fff;
        
    }
    
    .commentList p
    {
        font-style: italic;
        padding: 0 15px;
    }
  
    .commentList .by
    {
        color: steelblue;
        text-decoration: none;
    }
    
    .commentList a.thumbsUp, .commentList a.thumbsDown
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important;
        -moz-opacity: .6;
        opacity: .6;
        width: 18px;
        height: 16px;
        display: inline-block;
        background-image: url(../../Images/neroHand.png);
        margin-left: 10px;
    }
    
    .commentList .thumbsUp
    {
        background-position: 0 1px;
    }
    .commentList .thumbsDown
    {
        background-position: 17px 1px;
    }
    
    .commentList a.thumbsUp:hover, .commentList a.thumbsDown:hover
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
        -moz-opacity: 1;
        opacity: 1;
    }
/*Comment widget END*/