﻿/* product form menu container */
ul#ProductFormOptions{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
ul#ProductFormOptions li{
	margin-left:2px;
	margin-right:2px;
	border-left: 1px solid orange;
	border-right:1px solid orange;
	border-top: 1px solid orange;
	background-color: #FFffA8;
	padding: 0px 8px 0px 8px;
	float:left;
	cursor:pointer;
	
	border-top-left-radius: 5px 5px;
	-moz-border-top-left-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-khtml-border-top-left-radius: 5px 5px;
	/*
	border-top-right-radius: 5px 5px;
	-moz-border-top-right-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
	-khtml-border-top-right-radius: 5px 5px;
	
	border-bottom-right-radius: 5px 5px;
	-moz-border-bottom-right-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-khtml-border-bottom-right-radius: 5px 5px;*/
}
ul#ProductFormOptions li:hover{
	font-weight:bold;
	border-bottom: 4px solid #FF9933;
	/*margin-bottom: -4px;*/
}
.ProductFormOptions_active_li
{
	font-weight:bold;
	border-bottom: 4px solid orange;
	/*margin-bottom: -4px;*/
}
.ProductFormOptions_inactive_li
{
	border-bottom: 1px solid orange;
}
.pnlProductFormOption{
	margin-top: -1px;
	padding: 5px;
	border: 1px solid orange;
	display:none;
}

#ulVerticalSides, #ulHorizontalSides{
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0px;
	width: auto;
}
#ulVerticalSides li, #ulHorizontalSides li{
	margin-left:2px;
	margin-right:2px;
	border: 1px solid orange;
	background-color: #FFffA8;
	padding: 0 10px 0px 10px;
	float:left;
	cursor:pointer;
}

/* product form attributes and options */
#divAddingToCart{
	display:none;
	padding-left:30px;
	background-image: url(/Images/misc/animated_orange_filledfadingballs_22.gif);
	background-repeat:no-repeat;
	min-height:22px;
}
	
#divFrame,#divMatting,#divBottomMatting{ height:200px; margin: 2px 2px 2px 0px; overflow-y: scroll; overflow-x:hidden; overflow:auto; }
#ulFrame, #ulCanvas, #ulStretching, #ulSize, #ulPaper, #ulYear, #ulLayout, #ulMatting, #ulBottomMatting, #ulGlass, #ulQty, #ulOrientation, #ulColor, #ulSide, #ulShipRates, #dlShipRates, #dlShipRates > dt, #dlShipRates > dd{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#ulFrame li{
	float: left; 
	width: 90px; 
	height: 90px;
}
#ulFrame li a.aFrameZoom{
	display:none;
	text-decoration:none;
	position:relative;
	top:0px;
	left:40px;
	margin-bottom:-25px;
	float:left;
	cursor:help;
}
#ulMatting li, #ulBottomMatting li{
	float: left; 
	width: 40px; 
	height: 40px;
	background-image: url(/images/Products/sm/mattingboard.jpg);
}
#ulMatting .imgMatting, #ulBottomMatting .imgMatting{
	width:40px;
	height: 40px;
}
#ulMatting li a.aMattingZoom, #ulBottomMatting li a.aMattingZoom{
	display:none;
	text-decoration:none;
	position:relative;

	
	top:25px;
	left:25px;
	margin-bottom:-25px;
	float:left;
	cursor:help;
}

#ulCanvas li img, #ulStretching li img, #ulPaper li img,#ulGlass li img{
	border:0px;
	float:left;
	padding:2px;
}


.currentAttribute{
	font-weight:bold;
}

.activeAttribute, .inactiveAttribute {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin: 2px 2px 2px 2px;
	padding: 1px; 
}
.activeAttribute, div.currentAttribute{
	background: url(/images/misc/hgrad_orange_450.png);
	border:2px solid Orange;
}
.inactiveAttribute{
	cursor:pointer;
	border: 2px solid #EFEFEF;
}
		
.pnlPickWrapColor div{
	height:15px;
	width:15px;
	float:left;
	margin:2px;
}
div.activeWrapColor{
	background-image:url(/images/misc/tiny_green_check.png);
	background-repeat:no-repeat;
	padding:2px;
	border: 1px dashed gray;
}
div.inactiveWrapColor{
	border: 1px solid black;
}

#divPriceBreakDown tr.isAltRow, .isAltRow{
	background-color: #F5F5F5;
}
#divPriceBreakDown td{
	vertical-align:top;
}
tr.isDiscountRow, .isDiscount{
	color:#C40000;
}
		
.isAmt{
	color: Green;
}
#lblTotal, .isTotal{
	color:Green;
	font-weight:bold;
}
#lblTotal .isDiscountPrice,.isTotal .isDiscountPrice{
	color:#C40000;
	text-decoration:line-through;
}




/* cart options */
#divCart{
	border:1px solid gray;
}
#divCart ul{
	margin-top:0px;
}
#divCart > table > thead > tr, #tblOrderDetails tr > th, #tblOrderSummary tr > th{
	background-image: url('/Images/misc/vgrad_orange_150.png');
	text-align:left;
}
#divCart > table td{
	padding:2px;
}
.TitledFieldSet > legend{
	width:95%;
	background-image:url('/Images/misc/vgrad_orange_150.png');
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid orange;
	padding-left: 5px;
	margin-bottom:7px;
	text-shadow: 0px  0px  0px #CACACA;
}
#ulShipRates
{
	display:none;
	position:absolute;
	z-index:10;
	background: white ;/*url("/Images/misc/vgrad_orange_150.png");*/
	border: 1px solid orange;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
}
#ulShipRates li:hover{
	font-style:italic;
}
#dlShipRates > dt {
	white-space:nowrap;
}
#dlShipRates > dt > div{
	padding:2px;
}
#dlShipRates > dd{
	
}
	

#divShipRate{
	border: 1px solid silver;width:150px;
}
#divShipRates{
	border: 1px solid silver;
	height:17px;
	width:16px;
	min-height:16px;
	background-image: url("/Images/misc/ddl_dropdownArrow.png");
}








/*overlay options*/

#YTVideo_overlay{
	display:none;
	background-image:url(/Images/overlay/YTVideo_dark.png);
	width:800px;
	height:450px;
	padding:30px;
}
#frame_overlay{
	display:none;
	background-image:url(/Images/overlay/frame_preview_white.png);
	width:780px;
	height:520px;
	padding:30px;
}
	
#matting_overlay{
	display:none;
	background-image:url(/Images/overlay/frame_preview_white.png);
	width:250px;
	height:300px;
	padding:30px;
}
#divContactForm_overlay{
	display:none;
	background-image:url(/Images/overlay/frame_preview_white.png);
	width:520px;
	height:400px;
	padding:30px;
}
#divJoinMailingList_overlay{
	display:none;
	background-image:url(/Images/overlay/frame_preview_white.png);
	width:350px;
	height:100px;
	padding:30px;
}
#divWebsitePreview_overlay{
	display:none;
	background-image:url(/Images/overlay/web_preview_white.png);
	width:1000px;
	height:300px;
	padding:30px;
}
#WhiteSquare_overlay
{
    display:none;
	background-image:url(/Images/overlay/white-square.png);
	width:525px;
	height:525px;
	padding:30px;
	font-size:11px;
}


#frame_overlay .close, 
#matting_overlay .close, 
#divContactForm_overlay .close, 
#divJoinMailingList_overlay .close, 
#divWebsitePreview_overlay .close,
#YTVideo_overlay .close,
#WhiteSquare_overlay .close{
	background-image:url(/Images/overlay/apple-close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:28px;
	width:28px;
}

#pnlGlobalMessage_Overlay .close{
	position:absolute; left:5px; top:5px;
	cursor:pointer;
	height:28px;
	width:28px;
}

/* listartworks misc */
.ArtowrkImageV{
	z-index:0; position:relative;height:170px;
}
.ArtowrkImageH{
	z-index:0; position:relative;width:170px;
}


/* PAGER STYLES 
.dPagerArtworks{
	float:right;
}
.dPagerArtworks > span, .dPagerArtworks > a, .dPagerArtworks > input {
	border:1px solid #DADADA;
	padding-left:4px;
	padding-right:4px;
	min-width:20px;
	background-color:White;
}
.dPagerArtworks > span, .dPagerArtworks > a , .dPagerArtworks >input.aspNetDisabled{
	background-color:#EAEAEA;
}
.dPagerArtworks > input {
	color:Gray;
}
	
.dPagerArtworks > span:hover, .dPagerArtworks > a:hover, .dPagerArtworks > input:hover{
	border:1px outset Silver;
	cursor:pointer;
}
 */





/*Products/filters side menu*/
.tblSideFilterMenu
{
	
	width:190px;
	margin-right:5px;
	line-height:1.5;
}
.tblSideFilterMenu td{
	padding:2px;
}
.tdSideFilterMenuHead{
	background-image:url('/Images/misc/vgrad_orange_150.png');
	border:1px solid #FAC542;
}
.tdSideFilterMenuBody
{
	border:1px solid #FAC542;
	padding:5px;
}
.tblSideFilterMenu  .tdSideFilterMenuBody  ul{
	list-style-type:none;
	margin:0;
	padding-left:12px;
}
.tblSideFilterMenu  .tdSideFilterMenuBody  ul >li.liActive{
	list-style-type:disc;
	font-weight:bold;
}


/*artwork / product view pages*/
a.lnkArtworkTitle,span.lnkArtworkTitle{
	color:#009900;
}
a.lnkArtistName{
}
fieldset.profileFieldset
{
	
}

fieldset.profileFieldset > legend{
	height:55px;
	vertical-align:bottom;
	margin-bottom:-10px;
}
fieldset.profileFieldset > span{
   margin-left:75px;
}
fieldset.profileFieldset > div{
	max-height:300px;
	overflow-y:auto;
}
fieldset.profileFieldset > legend img{
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid gray;
	float:left;
}

/*comment*/
dl.dlComments dl.dlComments > dt
{
	background-image: url("/Images/misc/vgrad_cb_light.png");
}
dl.dlComments > dt{
	border:1px solid silver;
	background-image: url("/Images/misc/vgrad_orange_light.png");
	padding-bottom:5px;
	padding: 2px;
	height:40px;
	vertical-align:middle;
}
dl.dlComments > dd{
	margin:5px;
	margin-left:40px;
	margin-bottom:15px;
}
dl.dlComments > dt > a> img{
	height:40px;
	border:0px;
	float:left;
}
dl.dlComments > dt > div> a{
	cursor:pointer;
}
div.voteMeter{
	height:3px;
	background:silver;
	overflow:hidden;
	width:45px;
}



.CommentIcon{
	background-image: url("/Images/misc/comment_icons.png");
	height:20px;
	width:20px;
	display:inline-block;
	cursor:pointer;
}
.VoteUp{
	background-position: -0px -0px;
}
.VoteDown{
	background-position: -20px -0px;
}
.VoteUpActive, .VoteUp:hover{
	background-position: -00px -20px;
}
.VoteDownActive, .VoteDown:hover{
	background-position: -20px -20px;
}
.VoteUpDisabled{
	background-position: -00px -40px;
}
.VoteDownDisabled{
	background-position: -20px -40px;
}
.Favorite{
	background-position: -0px -100px;
}
.CommentFlag{
	background-position: -0px -60px;
}
.CommentFlagActive, .CommentFlag:hover{
	background-position: -0px -80px;
}
.Comment{
	background-position: -20px -60px;
}
.CommentActive, .Comment:hover{
	background-position: -20px -80px;
}
.Favorite:hover{
	background-position: -0px -120px;
}


/*Events List*/
#ulEventsList{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#ulEventsList > li{
	padding:5px;
	padding-bottom:20px;
	margin-bottom:5px;
	border-bottom:1px solid silver;
}
img.imgListEventImage{
	width:150px;
	height:150px;
	float:left;
}
img.imgListEventImageSM{
	width:35px;
	height:35px;
	float:left;
}
a.lnkListEventSubject
{
	color:Orange;
	font-size:1.3em;
}
a.lnkListEventUser{
}
div.divListEventDescription{
height:100px;
overflow-y:auto;
margin-bottom:5px;
}
div.divListEventDetails
{
	font-size:smaller;
	font-weight:bold;
}
 
 /*Events view*/
img.imgEventImage, img.imgListEventImage, img.imgListEventImageSM{
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid silver;
	border-radius: 5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.lblEventSubject{
	color:#009900;
}
a.lnkListEventUser{
}
div.divEventDescription{
	line-height:1.5;
}
 
 
 /*blog page*/
 .lblBlogTitle{
	 font-size:2.5em;
	 color: #009900;
 }
 .pnlBlogPost{
	 padding:15px;
 }
 .imgBlogProfile{
	width:40px;
	margin:10px;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border:1px solid gray;
	float:left;
 }
 
 
 /*Blogs list*/
 .lnkMostPopularBlogsTitle{
}
.lnkMostPopularBlogsTitle > img{
	float:left;
	width:30px;
	border:1px solid silver;
	padding:4px;
	margin:4px;
	border-radius: 4px;
	 -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
ul#ulBlogPosts{
	list-style-type:none;
	margin:0;
	padding:0px 10px 0px 0px;
	
}
ul#ulBlogPosts > li{
	margin:0px;
	border-bottom: 1px solid silver;
	padding:8px;
}
ul#ulBlogPosts > li > a {
	 font-size:1.5em;
	 font-weight: bold;
	 color: Orange;
}

ul#ulBlogPosts > li > div
{
	color: #00aa00;
}

ul#ulBlogPosts > li > a > div{
	max-width:150px;
	max-height:150px;
	margin-right:10px;
	margin-bottom:10px;
	
	border:1px solid silver;
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: White;
	overflow:hidden;
	float:left;
}
ul#ulBlogPosts > li > div{
	height:22px;
}
ul#ulBlogPosts > li > div > a >img{
	width:20px;
	float:left;
	border:1px solid silver;
	padding:0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
ul#ulBlogPosts > li > a > div> img{
	border:0px;
	width:150px;
	float:left;
}
ul#ulBlogPosts > li input{
	float:right;
}


/* viewprofile page */
.member_profile_icon > span{
	background-image: url("/Images/misc/Member-profilepage-icon-set.png");
	background-repeat:no-repeat;
	float:left;
	height:20px;
	width:20px;
}
.member_profile_icon_website >span{background-position:-20px 0px;}
.member_profile_icon_watchlist >span{background-position:-20px -20px;}
.member_profile_icon_contact >span{background-position:-20px -40px;}
.member_profile_icon_mailinglist >span{background-position:-20px -60px;}
.member_profile_icon_requestfriend > span{background-position:-20px -80px;}

.member_profile_icon_website:hover >span{background-position:-0px 0px;}
.member_profile_icon_watchlist:hover >span{background-position:-0px -20px;}
.member_profile_icon_contact:hover >span{background-position:-0px -40px;}
.member_profile_icon_mailinglist:hover >span{background-position:-0px -60px;}
.member_profile_icon_requestfriend:hover > span{background-position:-0px -80px;}



/*viewprofile pages*/
#ulProfileLinks
{
	list-style-type:none;
	margin:0;
	padding:0;
	max-height: 100px;
	overflow:auto;
}
#ulProfileLinks > li{
	max-width:180px;
	overflow-x:hidden;
}
.imgProfileProfilePic
{
	height:170px;
	padding:5px;
	margin:5px;
	border: 1px solid Silver;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.lblProfileDisplayName
{
	font-size:2em;
	color:Orange;
}
.lblProfileProfileType
{
	font-size:1.2em;
}
.pnlProfileBiography{
	margin:5px;
	height:150px;
	overflow:auto;
}
.lblProfileLinks{
	color:Orange;
	font-weight:bold;
}

/*profile side menu*/

#ProfileSidemenuLinks{
	padding:0;
	margin:0;
	list-style-type:none;
}
#ProfileSidemenuLinks  li{
	font-size:1.1em;
	line-height: 1.3;
	border: 1px solid #FFD08E;
	background-color:#FFF8DE;
	margin-bottom: 3px;
	padding:2px;
	list-style-type:none;
	color:#AC6901;
	cursor: pointer;
}
#ProfileSidemenuLinks  li:hover, #ProfileSidemenuLinks  li.liActive
{
	border: 1px solid #F9B553;
	font-weight:bold;
}

/*view gallery artists*/
ul#ulGalleryArtistProfiles{
	list-style:none;
	margin:0;
	padding:0;
}
ul#ulGalleryArtistProfiles > li{
	width:210px;
	height:240px;
	float:left;
	margin:10px;
	padding:5px;
}
ul#ulGalleryArtistProfiles > li .divGAProfileName
{
	font-style:italic;
	white-space: nowrap;
	max-width: 210px;
	overflow: hidden;
	color: Orange;
	font-size: 1.2em;
}
ul#ulGalleryArtistProfiles > li .divShortGAProfileBio{
	width: 200px;
	height: 200px;
	overflow: auto;
	padding: 5px;
	display: none;
	position: absolute;
	z-index: 5;
	font-size: small;
	opacity: .95;
	filter: alpha(opacity=95);
	background-color: White;
	border:1px solid Silver;
	color: Black;
}

ul#ulGalleryArtistProfiles > li .aProfileImage > img{
	width:200px;
	height:200px;
	border:1px solid Gray;
	background-color:White;
	margin:0px;
	padding:5px;
}

/*end view gallery artists*/

/*view profile collectins*/

.CollectionImageThumbContainer
{
	/*collection image w & h must be 180px*/
	background: url(/Images/misc/collectionbg.png) no-repeat;
	padding: 2px 17px 17px 3px;
	width:180px;
	height:180px;
}
.CollectionImageThumbContainer>img
{
	width:180px;
	height:180px;
}
#ulProfileCollections{
	list-style-type:none;
	padding:0;
	margin:0;
}
#ulProfileCollections >li{
	float:left;
	margin:18px;
	width: 200px;
}
#ulProfileCollections >li .CollectionTitleText
{
	display:block;
	white-space:nowrap;
	max-width:200px;
	overflow:hidden;
	color: Orange;
	font-size:1.2em;
}
#ulProfileCollections >li .CollectionDescriptionText
{
	width:180px;
	height:180px;
	overflow:auto;
	padding:3px;
	
	display:none;
	position:absolute;
	z-index:99;
	font-size:small;
	opacity:0.9;
	filter:alpha(opacity=90);
	background-color:Black;
	color:Silver;
}
#ulProfileCollections >li img
{
	border:0;
}



/* watch list and profile pages + hoeme page featured artists ul*/
#ulProfiles
{
	list-style-type: none;
	margin:0;
	padding:0;
}
#ulProfiles > li,  #ulFArtists li
{
	float:left;
	height:210px;
	width:170px;
	margin:5px;
	text-align:center;
}
#ulProfiles > li > a > img,  #ulFArtists li > a > img
{
	width:160px;
	padding:5px;
	border: 1px solid Silver;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
#ulProfiles > li > a > span,   #ulFArtists li > a > span
{
    display:block;
	/*width:150px;*/
	overflow:hidden;
	white-space: nowrap;
}




/*home featured + carousel players*/
.spanHomeFeatureGroup
{
	font-size:1.3em;
	color:Green;
	font-weight:bold;
}

#divHomeFProfCH { height: 200px; overflow:hidden; width:725px;}
#divHomeFProfCH .viewport { float: left; width: 725px; height: 200px; overflow: hidden; position: relative; }
#divHomeFProfCH .disable { visibility: hidden; }
#divHomeFProfCH .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }

#divHomeFArtCH { height: 150px; overflow:hidden; width:740px; }
#divHomeFArtCH .viewport { float: left; width: 740px; height: 150px; overflow: hidden; position: relative; margin-left:-2px;}
#divHomeFArtCH .disable { visibility: hidden; }
#divHomeFArtCH .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }


.divTinyCarousel{
	position:relative;
}
.divTinyCarousel:hover .tinyCarouselButtons{
	display:block;
} 
.divTinyCarousel .tinyCarouselButtons{
	display:none;
	
	float:left;
	position:absolute;
	top:50%;
	height:100px;
	width:45px;
	padding:5px;
	margin-top:-55px;
	padding:5px;
	background-color:#efefef;
	border:1px solid #AFAFAF;
	
	cursor:pointer;
	z-index:100;
}
.divTinyCarousel .tinyCarouselButtons, .divTinyCarousel .tinyCarouselButtons img
{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.divTinyCarousel .viewport{
	z-index:50;
	float:left;
}
.divTinyCarousel .tinyCarouselButtons.tc-prev{
	left:0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	/*background:#efefef url(/Images/misc/arrow_left.png);
	background-repeat:no-repeat;*/
}
.divTinyCarousel .tinyCarouselButtons.tc-next{
	right:0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	/*background:#efefef url(/Images/misc/arrow_right.png);
	background-repeat:no-repeat;*/
}








#ulFArtworks{ list-style-type:none; margin:0 0 0 0; padding:0;}
#ulFArtworks > li{float: left; width: 170px; height: 130px; margin:7px; padding:0px; vertical-align:bottom; overflow:hidden;}
#ulFArtworks > li > a > div{ text-align:center;}
#ulFArtworks > li > a img{border:0;width:200px;}
#ulFArtworks > li > a{font-weight:normal;}
#ulFArtworks > li > .spanArtworkInfo{
	display:none;
	position:absolute;
	z-index:99;
 	padding: 2px;
	width:inherit;
	font-size:small;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:Black;
	color:Silver;
}












/*--------------------------------------Custom DIV styles ---------------------------------------------*/


.SmallCheckMarkIcon{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-position: -0px -44px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	display:inline-block;
	/* For IE 7 */
	*display: inline;
}
.SmallErrMarkIcon
{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-position: -22px -44px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	display:inline-block;
	/* For IE 7 */
	*display: inline;
}
	
.SmallErrBox
{
	text-align:left;
	background:#FFFFCC ;
	border: 1px solid #FF9933;
	color: #A60000;
	padding: 5px  5px 5px 5px;
	margin:0px;
	display:inline-block;
	VERTICAL-ALIGN: top;
}.SmallErrBox > div, .SmallErrBoxIcon{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-position: -22px -0px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	display:inline-block;
	/* For IE 7 */
	*display: inline;
}

.SmallWarningBox
{
	text-align:left;
	background:#FEFFF0 ;
	border: 1px solid #ff6600;
	padding: 5px  5px 5px 5px;
	margin:0px;
	display:inline-block;
	VERTICAL-ALIGN: top;
}.SmallWarningBox > div, .SmallWarningBoxIcon{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-position: -44px -0px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	display:inline-block;
	/* For IE 7 */
	*display: inline;
}
 
.SmallGreenCheckBox
{
	text-align:left;
	background:#FFFFCC ;
	border: 1px solid #00ff00;
	color: #A60000;
	padding: 5px  5px 5px 5px;
	margin:0px;
	display:inline-block;
	VERTICAL-ALIGN: top;
}.SmallGreenCheckBox > div, .SmallGreenCheckBoxIcon{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
		background-repeat: no-repeat;
		width: 22px;
		height: 22px;
		background-position:  -110px -0px;
		position: relative;
		top: 5px;
		margin:0;
		padding:0;
		display:inline-block;
		/* For IE 7 */
		*display: inline;
}
 

 .SmallQuestionBox
{
	text-align:left;
	BORDER: #68D2FF 1px solid;
	padding: 5px  5px 5px 5px;
	margin:0px;
	display:inline-block;
	VERTICAL-ALIGN: top;
}.SmallQuestionBox > div, .SmallQuestionBoxIcon{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-position:  -66px -0px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	display:inline-block;
	/* For IE 7 */
	*display: inline;
}

.SmallInfoBox
{
	text-align:left;
	BORDER: #68D2FF 1px solid;
	padding: 5px  5px 5px 5px;
	margin:0px;
	display:inline-block;
	VERTICAL-ALIGN: top;
}.SmallInfoBox > div, .SmallInfoBoxIcon{
	background-image: url('/Images/misc/cute_Icon_set_22.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-position:  -88px -0px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	display:inline-block;
	/* For IE 7 */
	*display: inline;
}
 
.WarningText
{

	COLOR: #cc0000;
}
.errText
{
		color:Maroon;
	COLOR: #b22222;
}
.InfoText
{
	COLOR: #cc6699;
}
.tint_class
{
	BORDER-RIGHT: #c0c0c0 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #c0c0c0 1px solid;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #c0c0c0 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #c0c0c0 1px solid;
	BACKGROUND-COLOR: #dcdde9
}
.divscroller
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	overflow: auto;
	WIDTH: auto;
	PADDING-TOP: 0px
}
.divPostCategory{
	min-height:100px;
	height:100px;
	padding-right: 15px;
	overflow:auto;
	overflow-x:hidden;
	overflow: -moz-scrollbars-vertical;
	overflow-y:auto;
}







/* SCROLLBAR */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color:White;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5); 
    background-color:White
}
/* END SCROLLBAR */