/* CSS Document */

body { margin: 36px 0px 0px 0px; padding: 0; background: #000 url(../images/pattern.jpg) repeat-x;font-family: 'Verdana'; color: #777; font-size: 12px;}

/* General Links */
a:link { text-decoration : none; color : #c94093; } 
a:active { text-decoration : underline; color : #c94093;} 
a:visited { text-decoration : none; color : #c94093; } 
a:hover { text-decoration : underline; color : #cc6600;} 


img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Verdana'; color: #6a5555; font-size: 12px; }
textarea { font-family: 'Verdana'; color: #6a5555; font-size: 12px;  }
select { font-family: 'Verdana'; color: #6a5555; font-size: 12px;  }

h1, h2, h3 { font-family: 'Arial';}

.bgcontain { width: 900px; margin: 0 auto; padding-top: 8px;} 
/*\ IE/Win min height hack */ * html .container { height: 400px} /* */ 
.container { background: #fff; width: 870px; float: left; padding: 15px; min-height: 400px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* Header */
/*\ IE/Win min height hack */ * html .Header { height: 87px} /* */ 
.Header { position: relative; clear: left; width: 900px; background: url(../images/headerbg.png) repeat-x left top;  min-height: 87px;}
.Header h1 { text-indent: -5000px; margin: 0; padding: 0;}
.Header h1 a { width: 255px; height: 87px; background: url(../images/logo_sitescripts.png) no-repeat; cursor: hand; float: left; }
.Header .logo{ margin-left:30px; padding-top:15px; width:300px; }

.MainMenu { position: absolute; top: -0em; right: 0; width: 645px; margin-top: 15px;}
.MainMenu ul { font-size:11px;height:20px;}
.MainMenu li { padding: 0px; margin: 0px; display: inline;}
.MainMenu a { padding: 0px 0px 0px 10px; margin: 0px 2px 0px 0px;  float: left;}
.MainMenu a span { padding: 7px 10px 7px 0px; display: block; float: left; }
.MainMenu a span { float: none; color: #fff;}
.MainMenu a:hover span { color: #fff; border-bottom:2px solid #fff;}
.MainMenu a:hover { background-position: 0% -27px; color: #fffff1; text-decoration: none;}
.MainMenu a:hover span { background-position: 100% -27px; color: #fffff1;}
.MainMenu .sponsors ul{margin:0px; padding:0px;width:250px;margin-left:200px;}
.MainMenu .sponsors ul li{list-style-type:none; float:left; width:24px; padding-left:10px;}

.TopMenu { position: absolute; left: 0; width: auto px; margin: 22px 0px 0px 255px; font-size: 9px; color: #99ccff;}
.TopMenu ul { padding: 0px; margin: 0px; border-right: solid 1px #99ccff; line-height: 11px;}
.TopMenu li { padding: 0px 5px; margin: 0px; list-style-type: none; display: inline; border-left: solid 1px #99ccff;}
.TopMenu li a { color:#99ccff; text-decoration: underline;}
.TopMenu li a:visited { color:#99ccff; text-decoration: underline;}
.TopMenu li a:hover { color:#fff; text-decoration: underline;}

.TopTagline { position: absolute; top: -3.0em; left: 15px; }
.TopTagline p { background: url(../images/bkg_ico_tagline.png) no-repeat left center; font-size: 9px; color: #fff; padding: 5px 0px 5px 20px; margin: 0px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* Search */
.Search { background: #fff url(../images/bkg_search.png) repeat-x; width: 870px; float: left; padding: 15px; }
.SearchTitle { width: 200px; font-style:italic; float: left; font-size: 12px; color:#3b4f58; padding-top: 5px;}
.SearchForm { margin-left: 240px;}
.SearchForm p { background: url(../images/bkg_search_title.png) no-repeat left center; font-family: 'Arial'; font-weight: bold; font-size: 14px; letter-spacing: -1px; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 0px; color: #996600;}
.SearchForm form { padding: 0px; margin: 0px;}
.SearchForm input { border: none;}
.SearchForm input.keyword { background: #fff; border: inset 1px #ccc; padding: 2px;}
.SearchForm input.arrow { width: 79px; height: 24px; background: url(../images/SearchArrow.png) no-repeat;}
.SearchForm input.arrow:hover { background: url(../images/SearchArrow.png) no-repeat 0 -24px; }
.SearchForm input.arrowIE { width: 79px; height: 24px; background: url(../images/SearchArrow.png) no-repeat 0 -24px; }
/*\ IE/Win min height hack */ * html .SearchArrow { margin: -24px 0px 0px 230px; } /* */ 
.SearchArrow { padding: 0px; margin: -23px 0px 0px 230px; top: 0px; background: none; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* Center Column */
.SC { width: 630px; float: right; }
.SC h1 { font-size: 22px; letter-spacing: -1px; color:#996600; padding-top: 5px; padding-bottom: 5px; margin: 10px 0px;  border-bottom: 3px #efecc4 solid; }
.SC h2 { font-size: 18px; letter-spacing: -1px; color:#996600; padding-top: 5px; padding-bottom: 5px; margin: 10px 0px;  border-bottom: 3px #efecc4 solid; font-weight: normal; }
.SC .required{padding:4px; color:#000000; background-color:#dfdfe7; }
.SC .tabular ul{ margin:0px; padding:0px;}
.SC .tabular ul li{ list-style-type:none; padding:4px; border-bottom:1px solid #99ccff; height:20px; }
.SC .tabular ul li .title {float:left; width:180px;}
.SC .tabular ul li .dtm {float:left; width:140px; }
.SC .tabular ul li .center{text-align:center;}
.SC .tabular ul .heading{background-color:#ccc; padding:4px; border-bottom:1px solid #dfdfe7;  }


/* Tabs */
.Tabs { position: absolute; top: 10px; right: 0; }
.Tabs a { padding: 0px 0px 0px 26px; margin: 0px 0px 0px 2px; background: url(../images/TabsLeft.png) no-repeat left top; float: left; display: inline; font-size: 10px; font-weight: bold; }
.Tabs a span { padding: 7px 10px 7px 0px; display: block; background: url(../images/TabsRight.png) no-repeat right top; float: left; }
.Tabs a span { float: none; color: #cc6600;}
.Tabs a:hover span { color: #cc6600;}
.Tabs a:hover { background-position: 0% -27px; color: #663300; text-decoration: none;}
.Tabs a:hover span { background-position: 100% -27px; color: #663300;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.icopopularscripts { background: url(../images/bkg_ico_popularscripts.png) no-repeat left center; padding-left: 25px;}
.iconewscripts { background: url(../images/bkg_ico_newscripts.png) no-repeat left center; padding-left: 25px;}
.icoscript { background: url(../images/bkg_ico_script.png) no-repeat left center; padding-left: 25px;}
.icoreviews { background: url(../images/bkg_ico_reviews.png) no-repeat left center; padding-left: 25px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SiteScripts */
.SC .SiteScripts {position: relative; clear: left;}
.SC .SiteScripts ul { float: left; padding: 0px; margin: 10px 0px 20px 0px; width: 157px; border-top: 1px solid #f2f1db; }
.SC .SiteScripts ul.tri { float: left; padding: 0px; margin: 10px 0px 20px 0px; width: 314px; border-top: 1px solid #f2f1db; }
.SC .SiteScripts li { padding: 10px 0px; margin: 0px; list-style-type: none; border-bottom: 1px solid #f2f1db;}
.SC .SiteScripts li a { font-size: 11px; letter-spacing: -1px; font-weight: bold; background: url(../images/SiteScripts_ico_li.png) no-repeat left top; padding-left: 20px;}
.SC .SiteScripts li a:hover { background-position: left bottom;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* NewestScripts */
.SC .LatestCSS { position: relative; clear: left; margin-bottom: 20px;}
.SC .LatestCSS p{line-height:1.5;}
.SC .LatestCSS ul { padding: 0px; margin: 10px 0px 0px 0px; border-top: 1px solid #f2f1db;}
.SC .LatestCSS li { padding: 10px 5px; margin: 0px; list-style-type: none;}
.SC .LatestCSS li a { font-size: 11px; letter-spacing: -1px; font-weight: bold; }

.SC .LatestCSS .sleft{ float:left; width:220px;}
.SC .LatestCSS .sright {background:#E5F4FF none repeat scroll 0% 50%; clear:left; padding:10px; width:570px; }
.SC .LatestCSS .sright .field {float:left; font-size:11px; border-bottom:1px solid #C5E7FF; font-weight:700; padding:4px; width:120px;}
.SC .LatestCSS .sright .element {float:left; width:150px; border-bottom:1px solid #C5E7FF; padding:4px; }
.SC .LatestCSS .sright .desc {clear:left; margin-top:20px; line-height:1.5;}

.SC .LatestCSS .resources {clear:left;}
.SC .LatestCSS .right {margin-left:450px; }

.SC .LatestCSS .name { padding: 3px 0px; display: block;}
.SC .LatestCSS .desc { padding: 3px 0px; display: block; line-height: 15px; color: #333;}
.SC .LatestCSS .categ { padding: 3px 0px 3px 10px; display: block; font-size: 11px; color: #8d8c8c; background: url(../images/ScriptsCateg_Ico.png) no-repeat left center;}

.SC .LatestCSS .nsoff { background: #fff; border-bottom: 1px solid #f2f1db;  }
.SC .LatestCSS ul li:hover { background: #faf9e8;   }
.SC .LatestCSS .nson a { color: #cc6600;}
.SC .LatestCSS #features ul {margin:0px; padding:0px; }
.SC .LatestCSS #features ul li{ float:left; list-style-type:none; margin:0px;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* BreakCrumb */
.SC .BreakCrumb { background: #edf6ff; padding: 7px; border: solid 1px #e0edf7;}
.SC .BreakCrumb ul { padding: 0px; margin: 0px; list-style-type: none; font-size: 11px;}
.SC .BreakCrumb li { background: url(../images/BreakCrumbIco.png) no-repeat left center; padding: 0px 5px 0px 7px; margin: 0px; list-style-type: none; display: inline;}
.SC .BreakCrumb li a { letter-spacing: -1px; font-weight: bold;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Number Of Pages */
.SC .nrpages { background: #edf6ff; padding: 7px; border: solid 1px #e0edf7; clear:both;}
.SC .nrpages p { font-size: 10px; display: inline; padding-right: 10px; font-weight: bold; color: #6e87a1;}
.SC .nrpages ul { padding: 0px; margin: 0px; list-style-type: none; font-size: 11px; display: inline;}
.SC .nrpages li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.SC .nrpages a { padding: 2px 5px; background: #70b6ff; color: #fff; font-weight: bold; border: solid 1px #fff; font-size: 10px;}
.SC .nrpages a:visited { padding: 2px 5px; background: #70b6ff; color: #fff; font-weight: bold; border: solid 1px #fff; font-size: 10px;}
.SC .nrpages a:hover { padding: 2px 5px; background: #0066cc; color: #fff; border: solid 1px #fff; font-size: 10px; text-decoration: none;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.SC .forms {}

.SC .forms .note { font-size: 15px; font-family: 'arial'}

.SC .forms .login {  background: #faf9e8; color:#333; border: 1px solid #e5e3c9; padding: 20px; }
.SC .forms .login .field{ width:150px; float:left; }
.SC .forms .login big { float: left;  width: 130px; font-size: 14px; font-family: 'Arial'; font-weight: bold; color: #cc9933; letter-spacing: -1px;}
.SC .forms .login p { padding: 5px 0px; margin: 0px;}
.SC .forms .login input { background: #fff; border: inset 1px #ccc; padding: 4px; width:300px;}
.SC .forms .login ul { padding: 0px; margin: 10px 0px 0px 130px; list-style-type: none; font-size: 11px;}
.SC .forms .login li { padding: 1px 0px; margin: 0px;}
.SC .forms .login .whyregister { width: 200px; line-height: 16px; float: right; margin-top: -145px;}
.SC .forms .login .whyregister a {font-size: 14px; font-family: 'Arial'; font-weight: bold; letter-spacing: -1px; }
.SC .forms .login select { padding: 4px; background: #fff; border: inset 1px #ccc; }
.SC .forms .login textarea { padding: 4px; background: #fff; border: inset 1px #ccc; width:300px; }

.SC .forms .register {  background: #faf9e8; color:#333; border: 1px solid #e5e3c9; padding: 20px; }
.SC .forms .register big { float: left;  width: 215px; font-size: 14px; font-family: 'Arial'; font-weight: bold; color: #cc9933; letter-spacing: -1px;}
.SC .forms .register small { float: left;  width: 180px; font-size: 11px;}
.SC .forms .register p { padding: 6px 0px; margin: 0px;}
.SC .forms .register .input { background: #fff; border: inset 1px #ccc; padding: 4px;}
.SC .forms .register ul { padding: 0px; margin: 10px 0px 0px 130px; list-style-type: none; font-size: 11px;}
.SC .forms .register li { padding: 1px 0px; margin: 0px;}
.SC .forms .register .whyregister { width: 200px; line-height: 16px; float: right; margin-top: -145px;}
.SC .forms .register .whyregister a {font-size: 14px; font-family: 'Arial'; font-weight: bold; letter-spacing: -1px; }
.SC .forms .register textarea { background: #fff; border: inset 1px #ccc; padding: 4px; }
.SC .forms .register select { padding: 4px; background: #fff; border: inset 1px #ccc; }

.SC .forms .other { background: #faf9e8; color: #333; border: 1px solid #e5e3c9; padding: 20px; }
.SC .forms .other big { float: left; width: 350px; font-size: 14px; font-family: Arial; font-weight: bold; color: #cc9933; letter-spacing: -1px; }
.SC .forms .other small { float: left; width: 265px; font-size: 11px; }
.SC .forms .other p { padding: 6px 0px; margin: 0px; }
.SC .forms .other .input { background: #fff; border: inset 1px #ccc; padding: 4px; }
.SC .forms .other ul { padding: 0px; margin: 10px 0px 0px 130px; list-style-type: none; font-size: 11px; }
.SC .forms .other li { padding: 1px 0px; margin: 0px; }

.SC .forms .again { background: #faf9e8; color: #333; border: 1px solid #e5e3c9; padding: 20px; }
.SC .forms .again big { float: left; width: 320px; font-size: 13px; font-family: Arial; font-weight: bold; color: #cc9933; letter-spacing: -1px; }
.SC .forms .again small { float: left; width: 265px; font-size: 10px; }
.SC .forms .again p { padding: 6px 0px; margin: 0px; }
.SC .forms .again .input { background: #fff; border: inset 1px #ccc; padding: 4px; }
.SC .forms .again ul { padding: 0px; margin: 10px 0px 0px 130px; list-style-type: none; font-size: 10px; }
.SC .forms .again li { padding: 1px 0px; margin: 0px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.navigation { display: block; height: 29px; padding: 10px 0px 10px 0px;}
.alignleft { float: left; font-size: 14px; font-family: 'Arial'; font-weight: bold; letter-spacing: -1px; padding-top: 3px;}
.alignright { float: right;}
.alignright form { font-size: 10px; float: right;}

/* Left Column */
.SL { width: 220px; float: left; padding-bottom: 20px;}

/* Left CSS Resources */
.SL .Categories { width: 160px; padding: 10px; background: #f2217a; margin-bottom: 15px;}
.SL .Categories h3 { font-size: 18px; letter-spacing: -1px; font-weight: normal; color: #fff; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.SL .Categories ul { font-size: 11px; list-style: none; border-top: 1px solid #fff; padding: 1px 0px 0px 0px; margin: 0; line-height: 1; /* IE6 */ }
.SL .Categories li { margin: 0; padding: 0; background: #fff url(../test1_files/menu-divider.gif) 0 0 no-repeat; position: relative; min-height: 16px;}

.SL .Categories li a { display: block; padding: 3px 0px 3px 3px; text-decoration: none; color: #fff;}
.SL .Categories li a:hover { text-decoration: none; color: #ffcc99; }
.SL .Categories li.toggle { background: none; border-bottom: 1px solid #e5f4ff; } 
.SL .Categories li.toggle a { width: 160px; display: block;  text-decoration: none; color: #fff;}
.SL .Categories li.toggle a:hover { background: #f65e9e;  text-decoration: none; color: #fff; }
.SL .Categories li a.toggle { background: none; width: 30px; position: absolute; top: 0; left: 140px; padding-left: 0; text-align: center;} 
.SL .advertisement {margin-top:20px;}

.SL ul li h2 a{ font-size:18px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* Footer */
.Footer { background: #b3c5d1 url(../images/bkg_bottom.gif) no-repeat left bottom; width: 900px; color: #314451; clear: both; }
.Footer p { font-size: 10px; padding: 10px 15px; margin: 0px;} 
.Footer a { font-size: 10px;} 

.Footer .TopHeader { position: absolute; top: 13px; width: 885px; text-align: right;} 
.Footer .TopHeader ul { padding: 0px; margin: 0px; list-style-type: none;} 
.Footer .TopHeader li { padding: 0px; margin: 0px 0px 0px 5px; list-style-type: none; display: inline; font-size: 9px;} 
.Footer .TopHeader li a { color: #fff; text-decoration: underline;} 
.Footer .TopHeader li a:visited { color: #fff; text-decoration: underline;} 
.Footer .TopHeader li a:hover { color: #fff; text-decoration: underline;} 

.Footer .TopHeader .favorites { background: url(../images/TopHeader_IcoFavorites.png) no-repeat left top; padding-left: 15px;}
.Footer .TopHeader .homepage { background: url(../images/TopHeader_IcoHomepage.png) no-repeat left top; padding-left: 15px;}