/*	-------------------------------------------------------------
	Project Name : Silvertrees.net
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        2.0
	.updated       05-11-2008
	-------------------------------------------------------------
	-------------------------------------------------------------
	+ Page structure +
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	+ Resets
	+ Name

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -




/*	-------------------------------------------------------------
	0. Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
*{ margin:0; padding:0; }
/* Ready To Use */
.clear { clear:both; }
img { border:none; }
a { outline:none; }
html{ width:100%; overflow-x:hidden; }

/*	-------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body { font-size:65%; background:#FFF url(../img/body_bg.gif) no-repeat center top; font-family:"Trebuchet MS", Tahoma, "Times New Roman"; line-height:15px;  }
*+html body { background:#FFF url(../img/body_bg2.gif) no-repeat 0px 2px; }/* IE7 Fix */
*html body { background:#FFF url(../img/body_bg2.gif) no-repeat 0px 2px; }/* IE6 Fix */
#Container { margin:0 auto; width:973px; display:block;   }
#Header { background:url(../img/topheader.gif) no-repeat; height:218px; overflow:hidden; width:973px; }
#TopGallery { float:left; display:inline; padding:51px 0 0 75px; }
#TopGallery .Pervious { background:url(../img/left.gif) no-repeat; margin:72px 15px 0 0; display:block; height:28px; text-indent:-9999px; float:left; width:37px; }
#TopGallery img { background:#FFF; float:left; padding:2px; border:1px solid #999; margin-right:15px; }
#TopGallery .Next { background:url(../img/right.gif) no-repeat; display:block; height:28px; text-indent:-9999px; float:left; width:37px; margin:72px 0 0 0; }
#Logo { display:inline; float:left; }
#Logo a { background:url(../img/logo.gif) no-repeat; text-indent:-9999px; display:block; width:236px; height:76px; margin:30px 0 0 30px; }
#Logo p { padding:22px 0 0 120px; color:#f2f2f2; font-weight:700; font-size:13px; line-height:normal; }
/* mani menu */
#MainNav { display:block; background:url(../img/top_menu.gif) no-repeat; height:90px; }
*html #MainNav { background:url(../img/ie-top_menu.gif) no-repeat; margin-top:-1px; }
*+html #MainNav { background:url(../img/ie-top_menu.gif) no-repeat; margin-top:-1px; }
#MainNav ul { list-style:none; padding-left:120px; margin-top:-2px; }
*html #MainNav ul { margin:0; }
*+html #MainNav ul { margin:0; }
#MainNav li { float:left; line-height:20px; padding:0 10px 0 10px; }
#MainNav li a { color:#FFF; text-decoration:none; font-size:12px; font-weight:700; }
#MainNav a.Active { color:#5f5c5c; }
#MainNav li a:hover { color:#5f5c5c; }
#Heading { clear:both; position:absolute; display:block; width:380px; border:1px solid #999; background:#FFF; margin:20px 0 0 200px; text-align:center; padding:5px 0 5px 0; }
#Heading h1 { display:block; font-size:22px; color:#999; }
/* Contents */
#MainContents { background:url(../img/Contents2.gif) no-repeat 124px 100px; float:left; height:930px; margin-bottom:6px; position:relative; }
.TopText a{ text-decoration:none;color:#57B8DE; font-weight:700; font-weight:12px;}
/* Level One */
#Level-One { width:328px; margin:0 30px 0 91px; float:left; display:inline; }
*html #Level-One { margin:0 30px 0 90px; } /* IE6 Fix */
.CatBlocks { background:#FFF url(../img/cat_bg.gif) repeat-x bottom; height:116px; overflow:hidden; width:320px; border:1px solid #999; padding:3px; margin: 0 0 10px 0; }
.CatBlocks .ImgBlock { float:left; display:inline; width:85px; }
.ImgBlock img { margin:5px 0 5px 4px; }
.smallmask { position:absolute; }
.featured_mask { position:absolute; }
.assoc_mask { position:absolute; }
.CatBlocks .TextBlock { float:left; width:207px; display:inline; padding:5px 0 0 10px; height:80px; }
.TextBlock h3, .TextBlock h3 a { color:#57b8de; font-size:16px; text-decoration:none; padding-bottom:3px; }
.TextBlock p { font-size:1.1em; overflow:hidden; height:48px; }
.TopText p img { display:block; margin:15px 0 0 0; }
a.CliclHere { background:url(../img/clickhere.gif) no-repeat; height:17px; width:61px; display:block; text-indent:-9999px; float:right; padding:5px 10px 5px 0; position: relative; z-index: 50;}
/* Level Two */
#Level-Two { width:230px; margin: auto; float:left; display:inline; background:url(../img/level2bg.gif) repeat-y; }
*html #Level-Two { background:url(../img/level2bg.gif) 1px 0 repeat-y; }
#LatestWorks { width:210px; border:1px solid #999; background:#FFF url(../img/cat_bg.gif) repeat-x bottom; padding:10px; margin-top:80px; height:260px; }
#LatestWorks h3 { color:#57b8de; font-size:16px; padding-bottom:5px; }
#LatestWorks h3 a { color:#57b8de; font-size:16px; padding-bottom:5px; text-decoration:none; }
#LatestWorks p { font-size:1.1em; padding-bottom:10px; display:block; }
#LatestWorks p.fixed { font-size:1.1em; padding-bottom:10px; display:block; }
#LatestWorks .CliclHere { margin:5px 0 0 0; }
#LatestWorks img { display:block; }
.Navigations { display:block; float:right; color:#2da6d6; font-weight:700; font-size:11px; margin-top:5px; }
.Navigations a { color:#2da6d6; padding:0 3px 0 3px; font-weight:700; font-size:11px; text-decoration:none; }
/* Level Two */
#Level-TwoInside { width:230px; margin: auto; float:left; display:inline; background:url(../img/level2bg.gif) repeat-y; }
*html #Level-TwoInside { background:url(../img/level2bg.gif) 1px 0 repeat-y; }
#Level-TwoInside #NextBottom { display:block; position:absolute; height:29px; width:74px; margin:277px 0 0 150px; }
#Level-TwoInside #NextBottom img { clear:both; display:block; z-index:99; position:relative; height:29px; width:74px; font-size:13px; font-weight:700; border:0; }
#InsideLinks { padding-bottom:30px; }
/* custom changes for the internal pages*/

#Level-TwoInside .CopyRights { float:right; display:inline; width:350px; position:absolute; margin-top:310px; padding: 0 0 0 110px; font-size:12px; color:#666; }
/*  Level three */
#Level-Three { width:235px; float:left; display:inline; margin:0 0 0 20px; display:block; position:relative; }
#Level-Three #Web-Mail { background:#FFF url(../img/cat_bg.gif) repeat-x bottom; border:1px solid #999; width:177px; margin-left:25px; }
#Web-Mail .Mail-Head { background:#818285; }
#Web-Mail .Mail-Head h3 { color:#FFF; font-size:12px; font-weight:700; padding:3px 0 3px 10px; }
#Web-Mail .Mail-Content { padding:5px 0 5px 10px; }
#MailLiginForm #uname, #MailLiginForm #password { width:145px; margin-bottom:3px; }
.Mail-Content label { font-size:12px; color:#57b8de; padding-bottom:2px; font-weight:700; }
.Mail-Content #submit { float:right; margin:5px 17px 5px 0; }
/* news Block*/

#NewsBlock { margin:23px auto; width:235px; border:1px solid #999; background:#FFF; height:470px; }
#NewsBlock .News { padding:10px; height:250px; }
#NewsBlock .News h3 { color:#57b8de; font-size:16px; }
#NewsBlock .News h3 a { color:#57b8de; font-size:16px; text-decoration:none; }
#NewsBlock .News a { color:#57b8de; }
.News .Home_Ul { list-style:url(../img/news_list.gif); }
.News .Home_Ul li { margin:7px 0 7px 17px; font-size:11px; }
.News p { font-size:11px; padding:5px 0 10px 0; }
#InsideLinks a { display:block; background:url(../img/blue_arrow.gif) no-repeat left center; padding-left:16px; margin:5px 0 5px 0; font-family:Arial, Helvetica, sans-serif; }
#NewsLetter .NewsletterHead { background:#818285; }
#NewsLetter .NewsletterHead h3 { color:#FFF; font-size:12px; font-weight:700; padding:3px 0 3px 10px; }
#NewsLetter form { padding:5px 0 0 10px; }
#NewsLetterForm #mail, #NewsLetterForm #password { width:200px; display:block; margin-bottom:5px; }
#NewsLetter label { font-size:12px; display:block; color:#57b8de; padding-bottom:2px; font-weight:700; }
#NewsLetter #submit { float:right; margin:5px 20px 5px 0 }
.CopyRights { float:right; display:inline; width:350px; position:absolute; margin-top:225px; text-align:left; font-size:12px; color:#666; margin-left:-100px; }
.CopyRights a { color:#666; text-decoration:none; }
#Footer { background:url(../img/footer.gif) repeat-x center; height:250px; width:100%; margin-top:-250px; z-index:-9999; position:absolute; }
/* *+html #Footer{ background:url(../img/footer.gif) no-repeat center center; height:250px;width:auto;}*/

/*	-------------------------------------------------------------
	2. inside one
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#Inside-Two { width:562px; height:430px; float:left; display:inline; border:1px solid #999; background: #FFF url(../img/level-three_bg.gif) repeat-x bottom; padding:15px 15px 25px 25px; margin-left:80px; }
#Inside-Two .TopText h3 { color:#1fa0d3; font-size:14px; font-weight:700; }
#Inside-Two .TopText h2 { color:#1fa0d3; font-size:16px; font-weight:700; }
#Inside-Two .TopText p { padding:3px 0 5px 0; font-size:11px; }
.images img { padding:5px 15px 5px 0; }
.stepcarousel { position: relative; overflow: scroll; float: left; margin-left:5px; margin-right:15px; width: 450px; height: 150px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; width: 210px; height:140px; }
.audios { padding-top:25px; }
.audios h3 { color:#1fa0d3; font-size:16px; padding-bottom:5px; }
.audios ul { list-style:none; }
.Related { padding-top:25px; }
.Related h3 { color:#1fa0d3; font-size:13px; padding-bottom:5px; }
.Related ul { list-style:none; }
.Related li { display:block; margin:2px 0 2px 0; zoom:1 }
.Related ul a, .Related ul a:visited, .Related ul a:hover { text-decoration:none; display:block; color:#333; background:url(../img/news_list.gif) no-repeat left; padding-left:12px; font-size:11px; }

#Previous-905 { position:absolute; top:559px; left:560px; }
#Previous-905 .CopyRights-905 { font-size:12px; width:370px; position:relative; color:#666;margin-left:-240px; }

p.CopyRights-905 a { color:#666; text-decoration:none; display:inline; padding-left:2px;  }


.down { background:url(../img/down.gif) no-repeat; text-indent:-9999px; display:block; float:left; height:11px; width:20px; margin:10px 0 0 10px; }
.up { background:url(../img/up.gif) no-repeat; text-indent:-9999px; display:block; float:left; height:11px; width:20px; margin:10px 0 0 0; }
.NewsTopText { display:block; padding:0 0 40px 0; }
.NewsTopText h3 a { text-decoration:none; color:#2da6d6; font-size:14px; padding-bottom:5px; }
.NewsTopText p { font-size:12px; padding-top:5px; }
/* ***jScrollPane CSS*** */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; background: transparent url(../img/basic_arrow_up.gif) repeat-x scroll 0 0; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; background: transparent url(../img/basic_arrow_down.gif) repeat-x scroll 0 0; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}
#Inside-Two-Scroll { position: absolute; height:450px; width:570px; overflow:visible; }
.Features98 { display:block; padding:10px 0 0 0; }
.Features98 h4 a { font-size:12px; text-decoration:none; }
/* Contacts Form*/
#ContactContactusForm { display:block; width:530px; padding:25px 0 15px 0; }
#ContactContactusForm .input { display:block; clear:both; padding:5px 0 5px 0; }
#ContactContactusForm .input input { width:150px; float:left; border:1px solid #999999; }
#ContactContactusForm label { font-weight:700; font-size:1.2em; }
#ContactContactusForm .input label { width:150px; float:left; }
div.submit { clear:both; display:block; margin:15px 0 0 0; }
div.Captcha { clear:both; display:block; width:400px; }
div.Captcha label { float:left; width:150px; }
#ContactCaptchaCode { display:block; clear:both; width:120px; margin-left:150px; }
div.Captcha .error-message { float:none; }
div.error-message, error { background:url(../img/admin/error_.gif) no-repeat left; float:none; padding-left:17px; font-size:1.1em; height:16px; width:16px; color:#990000; display:inline; margin-left:10px; }
div.Captcha .error-message { float:none; margin-left:150px; display:block; width:200px; margin-top:5px; }


.MailOptions{ display:block; margin:5px 0 0 -2px; position:relative; width:160px;}
.MailOptions a{  display:inline;}
a.admin_Login{ float:left;}
a.Webmail_Login{ float:right;}


.InnerContainer{ display:block; font-family:Arial, Helvetica, sans-serif;  overflow:scroll; overflow-x:hidden;height:440px;}
.InnerContainer{ display:block; font-family:Arial, Helvetica, sans-serif;  overflow:scroll; overflow-x:hidden;height:440px;}
.InnerContainer h2{ display:block;color:#57B8DE; margin-bottom:10px; font-size:18px;}
.InnerContainer fieldset { border:none;}

.InnerContainer form{ display:block;}
.InnerContainer form .input{  padding-bottom:5px;}
.InnerContainer form .input label{ display:block; font-size:11px; font-weight:700; padding-bottom:5px;}

.InnerContainer a{ font-size:12px; text-decoration:none; color:#57B8DE; text-decoration:none; }
.InnerContainer table{ margin-bottom:20px; width:95%;}
.InnerContainer{ font-size:12px;}
.InnerContainer table td{ padding:1px 18px 1px 5px;}
.InnerContainer table th{ padding:1px 18px 1px 5px; background:#f8f8f8; text-align:left; }
.InnerContainer p.Hints{ font-size:11px; color:#990000; padding:5px 0; }

.InnerContainer .ClientSubscriptionsTable th{ background:#f8f8f8; padding:4px ; text-align:left;}

#Actions ul{ list-style:none;}
#Actions ul li{ padding-bottom:5px; display:inline; float:left; padding-right:15px;}
#Actions ul a.Renew{ background:url(../img/renew.gif) no-repeat; display:block; height:17px; width:61px; text-indent:-9999px;}
#Actions ul a.DashBack{ background:url(../img/dashback.gif) no-repeat; display:block; height:17px; width:61px; text-indent:-9999px;}

.LoginFrom form .text input{ width:145px;}

.PriceTotal{display:block; margin-bottom:15px;}

ul.DashSideMenu{ display:block ; list-style:none;}
ul.DashSideMenu li{ padding:2px 0;}
ul.DashSideMenu li a{ background:url(../img/arrow.gif) no-repeat left 3px; padding-left:10px; font-size:12px; text-decoration:none;}



.Errormessage { background:#eedbd5 url(../img/error_msg.gif) no-repeat 10px 10px;  text-align:left; width:310px; border:1px solid #bd5748; padding:14px 0 10px 40px; margin:0 auto 30px auto; color:#bd5748; font-weight:700; }
.Sucmessage { background:#e6ebc3 url(../img/suc_msg.gif) no-repeat 10px 10px;  text-align:left; width:310px; border:1px solid #709f33; padding:14px 0 10px 40px; margin:30px auto 30px auto; color:#709f33; font-weight:700; }


.PriceTotal{ background:#E7FFDD none repeat scroll 0 0;
border:1px dotted #A4D68E;
color:#1D5E00;
display:block;
font-weight:700;
margin-bottom:15px;
padding:10px;
width:90%;}

.StatiContent{ padding-bottom:15px;}

.continue{ background:none; border:0; float:right; cursor:pointer;}

.highlight td{ background:#FFFF66!important}

a#SelectHighlighted { background:url("../img/arrow.gif") no-repeat scroll left 3px transparent;font-size:12px;padding-left:10px;text-decoration:none;}