/*   
Theme Name: RealSurf
Theme URI: http://www.realsurf.com/
Description: On development.
Author: Radia Latief
Author URI: http://broadband.or.id/
Version: 1.0
.
####
.
*/

/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import url("calendar.css");




/* GENERAL */

body { font: 10pt Arial, Helvetica, sans-serif; background: #d2eafc url(images/bg.gif) repeat-x scroll 0 0; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
img { border: none; }
p, h1, h2, h3, h4, h5, h6 { margin: 0; }

.clear { line-height: 0; clear: both; }
.alignleft { float: left; }
.alignright { float: right; }

a { color: #003399; text-decoration: none; }
a:hover { color: #f42800; }


/* Heading for section titles, and search field */

h2, #s { font-family: "Trebuchet MS", "Times New Roman", Times, serif; font-weight: normal; }




/* HEADER */

#header { }

#headerTop { height: 23px; padding-top: 7px; }

#searchForm { float: right; }
#searchForm p { padding-left: 50px; color: #FFFFFF; font-weight: bold; letter-spacing: .1em; }
#searchForm .textField { width: 100px; margin: 0; padding: 0; color: #0053a0; text-align: center; margin-left: 10px; }
#searchForm .button { border: none; margin: 0; padding: 0; background: none; cursor: pointer; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; letter-spacing: .2em; }

.tagLine { float: right; width: 382px; height: 20px; padding-top: 3px; display: block; text-align: center; background: url(images/tagline-bg.gif) no-repeat scroll 50% 100%; font-style: normal; color: #0053a0; font-family: "Trebuchet MS", "Times New Roman", Times, serif; font-weight: bold; }

#topAds { text-align: right; padding-top: 5px; height: 92px; }

#adHeaderRight { width: 180px; height: 150px; float: right; }




/* MAIN MENU */

#mainMenu { margin: 0; height: 18px; padding: 12px 0 0 225px; border-bottom: 5px solid #93cffd; }
#mainMenu li { float: left; margin: 0; padding: 0; list-style: none; }
#mainMenu a { white-space: nowrap; color: #0064c0; display: block; padding: 0 0 0 1.7em; font: bold .8em Georgia, "Times New Roman", Times, serif; }
#mainMenu a:hover { color: #f42800; }
#mainMenu li.last { display: none; } /* For browser that understands media="screen" */





/* COLUMNS */

/* No horizontal margins to handle IE6's doubled margin bug */
/* -3px margin to handle IE6's 3px margin bug */

#wrapper { position: relative; width: 970px; margin: auto; }

#logo { position: absolute; top: 20px; left: 5px; z-index: 1000; }

#page { position: relative; width: 960px; margin: auto; padding: 0 5px; background: #FFFFFF url(images/body-bg.jpg) no-repeat scroll 50% 50%; }

.sitemapColLeft { width: 320px; float: left; }
.sitemapColCenter { width: 305px; padding-left: 15px; float: left; }
.sitemapColRight { width: 305px; padding-left: 15px; float: left; }

.siteMapCol { padding: 10px; border-top: 2px solid #eee9e3; border-bottom: 1px solid #eee9e3; background: #fcfbf9; }
.siteMapCol h5 { padding-top: .75em; color: #bdd1e1; font: 1.5em "Trebuchet MS", "Times New Roman", Times, serif; }
.siteMapCol ul { padding: 0; margin: 0; }
.siteMapCol li { padding: 5px 0 0 15px; background: url(stylesheets/blue-pastel/bullet.gif) no-repeat scroll 0 12px; margin: 0; list-style: none; }

.authorBio { margin-top: 1em; padding: 10px; border-top: 2px solid #eee9e3; border-bottom: 1px solid #3584cf; background: #eff8ff; }

ul.authorPosts { padding: 0; margin: 0; }
ul.authorPosts li { padding: 0 0 0 15px; background: url(stylesheets/blue-pastel/bullet.gif) no-repeat scroll 0 22px; margin: 0; list-style: none; }

/* Right Column on links pages added by Don*/
#SidebarLinks { width: 300px; float: right; padding: 12px 0 18px 0; margin: 5px 0 0 0; }

/* Right Column */

#rightSidebar { width: 150px; float: right; padding: 12px 0 18px 0; margin: 5px 0 0 0; }


/* Center Column */

.centerSidebarWrapper { width: 300px; float: right; padding: 0 15px 0 0; margin: 5px 0 0 0; }
#centerSidebar { padding: 9px 0 24px 0; margin: 0; }


/* Content Column. Top border will be handled by the post title */

.contentColWrapper { padding: 0 480px 0 0; margin: 5px 0 0 0; }
#contentCol { width: 100%; margin-right: -3px; }




/* SINGLE COLUMN */

.singleColumnWrapper { padding: 0; margin: 5px 0 0 0; }




/* SIDEBAR */

#tabbed-widget-2 li.widget ul li { font-size: 11pt; line-height: 1.1em; padding-bottom: 1em;
}
#tabbed-widget-2 li.widget p { padding: 1px 1px 12px 1px; font-size: 9pt; line-height: 1.4em; }
.sidebar li { list-style: none; }
/*.sidebar h2 { color: #af977a; font-size: 1.6em; padding-bottom: .35em; border-bottom: 1px dashed #CCCCCC; }*/
.sidebar h2 { color: #af977a; font-size: 1.6em; padding-bottom: .35em; }

.sidebar li.widget { padding: 0 0 24px 0; }

#centerSidebar li.widget { border: 5px solid #eee9e3; padding: 12px 8px; margin: 2px 0 8px 0; }
#rightSidebar li.widget { border-top: 5px solid #eee9e3; }
/* added by Don */
#SidebarLinks li.widget { border: 5px solid #eee9e3; padding: 12px 8px; margin: 2px 0 8px 0; }
/* List-typed Widget */

.sidebar li.widget ul { margin: 0; padding: 0; }
/*.sidebar li.widget ul li { line-height: 1.2em; border-bottom: 1px dashed #CCCCCC; }*/
.sidebar li.widget ul li { line-height: 1.2em; }

/*.sidebar li.widget ul a { width: 93%; padding: 4px 0 5px 7%; display: block; color: #0166e2; 
text-decoration: none; } */
.sidebar li.widget ul a { width: 93%; padding: 1.2px 0 1px 6%; display: block; color: #0166e2; text-decoration: none; } 

.sidebar li.widget ul a:hover { color: #f42800; }

/* No Bullet */

.sidebar li.widget ul.topStories a { width: 100%; padding: 4px 0 5px 0; }


/* List-typed Widget, inline */

.sidebar li.widget ul#recentcomments li { padding: 4px 0 5px 7%; width: 93%; }
.sidebar li.widget ul#recentcomments a { display: inline; width: auto; background: none; padding: 0; color: #0166e2; }
.sidebar li.widget ul#recentcomments a:hover { color: #f42800; }

.sidebar li.widget ul#todaysauthors li { padding: 4px 0 5px 7%; width: 93%; }
.sidebar li.widget ul#todaysauthors a { display: inline; width: auto; background: none; padding: 0; color: #0166e2; }
.sidebar li.widget ul#todaysauthors a:hover { color: #f42800; }


/* Text Widget */

/*.textwidget { border-bottom: 1px dashed #CCCCCC; padding: .7em 0 1em 0; }*/
.textwidget { padding: 0 0 1em 0; }

#centerSidebar li.widget_text { border: none; padding: 0 0 0 0; }
#rightSidebar li.widget_text { border: none; padding: 0 0 0 0; }

/* Search Widget */

#searchform div { text-align: center; padding: 15px 0 0 0; }
#searchform input { display: none; }
/*#searchform input#s { display: inline; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; border-left: none; border-right: none; width: 100%; padding: 0; margin: 0; font-size: 1.6em; text-align: center; padding: .2em 0; letter-spacing: .1em; }*/
#searchform input#s { display: inline; border-left: none; border-right: none; width: 100%; padding: 0; margin: 0; font-size: 1.6em; text-align: center; padding: .2em 0; letter-spacing: .1em; }
#searchform input.normal { background: transparent; color: #999999; }


/* Calendar */

/*#calendar_wrap { border-bottom: 1px dashed #CCCCCC; padding-bottom: .5em; }*/
#calendar_wrap { padding-bottom: .5em; }
#wp-calendar caption { font-weight: bold; margin: .5em auto 0 auto; }
#wp-calendar { margin: .5em auto 0 auto; border-collapse: collapse; }
#wp-calendar td, #wp-calendar th { text-align: center; }
#wp-calendar tbody td { padding: .2em; border-width: 1px; border-style: inset; border-color: #F0F0F0; }


/* Tag Cloud */

.sidebar .widget_tag_cloud { text-align: justify; }
.sidebar .widget_tag_cloud h2 { margin-bottom: .5em; }


/* RSS */

.rsswidget img { float: right; margin-top: 8px; }




/* CONTENT */

#contentCol .post { padding-bottom: 12px; }

#contentCol h1.columnTitle { font: normal 0.8em "Trebuchet MS", "Times New Roman", Times, serif; color: #e6b714; border-top: 2px solid #eee9e3; padding: .5em 0; }
#contentCol h2 { padding-top: 1.2px; font-size: 1.7em; }
#contentCol .postTime { font-size: .7em; font-style: normal; color: #666666; padding: .2em 0 0 .1em; display: block; }
#contentCol h3 { font-size: 1.2em; padding-top: 0.7em; font-style: italic; }

#contentCol .postmetadata { font-style: normal; color: #666666; padding: .5em 0 0 0; display: block; }


/* Content entry (everything in WP's WYSIWYG) */

#contentCol .entry { padding-bottom: 1em; }

#contentCol .entry p { padding-top: .4em; text-align: justify; line-height: 1.3em; }
#contentCol .entry h6 { font-size: 1em; padding-top: 1.1em; }
#contentCol .entry h5 { font-size: 1.1em; padding-top: 1.2em; }
#contentCol .entry h4 { font-size: 1.2em; padding-top: 1.3em; }
#contentCol .entry h3 { font-size: 1.3em; padding-top: 1.4em; font-style: normal; }
#contentCol .entry h2 { padding-top: 1.5em; font: bold 1.4em Arial, Helvetica, sans-serif; border: none; }
#contentCol .entry h1 { font-size: 1.5em; padding-top: 1.6em; }

#contentCol .entry ul, #contentCol .entry ol { margin-top: 0; margin-bottom: 0; padding-top: .8em; padding-bottom: 0; }
#contentCol .entry li { padding-bottom: .5em; }

/* #contentCol .entry p { overflow: auto; width: 100%; } */

#contentCol .entry p {  }

#contentCol .entry img { margin-top: 3px; width: 64px; height: 48px; float: left; margin: 4px; }
#contentCol .entry img.alignleft { margin-right: 15px; }
#contentCol .entry img.alignright { margin-left: 15px; }




#contentCol .entry .wp-caption { height: auto; background: #F0F0F0; text-align: center; margin-top: 14px; margin-right: 5px; }

#contentCol .entry .wp-caption p.wp-caption-text { float: left; font-size: .7em; margin: 0 5px; padding-bottom: 5px; }



/* NEWS */

#contentCol h3.newsLatest { padding-top: .5em; }
#contentCol .postTimeNewsLatest { font-size: .8em; font-style: normal; color: #666666; padding: .2em 0 0 .1em; display: block; }
.newsLatestBottom { border-bottom: 2px solid #eee9e3; }

#contentCol .entry img.newsLatestImage { margin: .5em 0 .5em 0; border: 5px solid #eee9e3; }

.newsPreviousNews { border-top: 2px solid #eee9e3; padding: .8em 0 1.8em 0; text-align: justify; line-height: 1.5em; }
.newsPreviousNews strong { font: normal 1.5em "Trebuchet MS", "Times New Roman", Times, serif; display: block; padding: .3em 0 .6em 0; }


/* Author */

#contentCol h1.authorNickname { font: normal 2em "Trebuchet MS", "Times New Roman", Times, serif; color: #e6b714; border-top: 2px solid #eee9e3; padding: .5em 0 0 0; }
#contentCol h5.authorFirstLastName { font-size: 1.3em; padding-top: .2em; font-style: normal; }

#contentCol .entry h2.authorMyPosts { font: normal 2em "Trebuchet MS", "Times New Roman", Times, serif; color: #e6b714; }


/* Previous/next in content area */

p.navigation span { display: block; padding: .8em 0 1.5em 0; font-weight: bold; }


/* Category List */

#categoryList { margin: 0; padding: 2em 0 0 0; }
#contentCol .entry #categoryList li { font: 1.5em "Trebuchet MS", "Times New Roman", Times, serif; margin: 0; padding: 0 0 0 1em; list-style: none; }
#categoryList span { color: #666666; display: block; }




/* COMMENT */

#commentWrap { padding: 0 15px 15px 15px; margin-bottom: 24px; }

#contentCol #commentWrap h3 { color: #333333; padding-top: 2em; }

#commentWrap ol { margin: 0; padding: 0; }
#commentWrap li { margin: 0; padding: 18px 0 0 0; list-style: none; }

.commentlist p { padding-top: .5em; }
.balloonTop { height: 18px; background: url(images/comment-balloon.gif) no-repeat scroll 5px 100%; }
.balloon { background: #FFFFFF; padding: .5em 1em 1em 1em; text-align: justify; }
.commentlist cite { font-style: normal; display: block; font-weight: bold; color: #666666; }

.commentlist p.moderation { font-weight: bold; color: #FF0000; }

#commentform { width: 99%; margin: 0 auto; }

#commentform p { padding-top: .5em; }
#commentform .txtField { width: 180px; }
#commentform textarea { width: 100%; margin: 0; padding: 0; }
#commentform label { cursor: help; font: 0.75em Verdana, Arial, Helvetica, sans-serif; color: #666666; }

#commentform p.xhtmlExplain { padding-top: 1em; color: #999999; }
#commentform p.xhtmlExplain code { font-size: .8em; display: block; padding-top: .5em; }

#commentWrap p.nocomments { padding-top: 1.5em; color: #666666; }




/* FOOTER */

#footer { color: #FFFFFF; padding: 15px 24px; }

#footer .nav { float: left; width: 33%; }
#footer .navcenter { float: left; width: 34%; }

#footer ul { margin: 0; padding: 0 0 0 2em; }
#footer ul.first { border: none; margin-left: 2px; }

#footer li { margin: 0; padding: 0 0 0 1em; list-style: none; font: 0.85em/1.5em Verdana, Arial, Helvetica, sans-serif; letter-spacing: .2em; }

#footer a { color: #FFFFFF; }
#footer a:hover { text-decoration: underline; }

#copyright { text-align: center; padding: 1em 0 2em 0; color: #666666; letter-spacing: .15em; font: 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif; }
#copyright a { color: #666666; }
#copyright a:hover { color: #f42800; }




/* BUILT-IN GALLERY */

.gallery { padding: 1em 0 1.5em 0; }

dl.gallery-item { width: 480px; background: #f0f0f0; padding: 10px 0; margin: 1.5em 0 0 0; }
dt.gallery-icon { margin: 0; padding: 0; }
dl.gallery-item * { text-align: center; }
dd.gallery-caption { margin: 0; padding: 10px 10px 0 10px; color: #000000; font-size: .8em; }




/* WEATHER TABLE */

#weatherTable {
	width: 100%;
	border: none;
	background: #eee9e3;
	border: 3px solid #eee9e3;


}
#weatherTable td {
	text-align: center;
	padding: 2px 0;
}
#weatherTable a img { border: 1px solid #af977a; margin: 0; }
#weatherTable a:hover img { border: 1px solid #f42800; }

#weatherTableBottom {
	background: #eee9e3;
	text-align: center;
	padding: 1px 0 3px 0;
	display: block;
	margin: 0;
}


/*
** Don adds to control display size of cartoon delivered by css to a text widget at bottom of left column
*/

.rss-box {
      width: 300px;
height:160px;
     background-color: #FFFFFF;
}

.rss-title, rss-title a {
    margin: 0px 0;
background-color: #FFFFFF;
    padding: 0;
}

.rss-items {
       list-style:none;
background-color: #A7C7EE;
       margin:0;
       padding:0;
height: 180px;
}

.rss-item  {
width: 290px;
height: 10px;
  font-size: 14px;
}

.alignleft {
width: 295px;
height: 115px;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
    }

.rss-item a:hover {
    }

.rss-date {
    font-size: xx-small;

    }

.rss-box img {
border:0;
width:280px;
height:115px;
text-align: left;
margin: 0 0 0 -10px;
margin-top: -10px;
}

.cform { 
	margin:10px auto 0 auto; 
	width: 480px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:10px 0 10px 0; 
	border:1px solid #adadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	background:#f7f7f7; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 2px; 
	font:normal 20px Times; 
	color:#666666;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:0 10px!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	letter-spacing:2px;
	margin:6px 0pt !important;
	padding:3px 0; 
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:200px; 
	margin:0px 10px 0 0; 
	text-align:left;
	font-size: 10px;
	display:block;
	color:#888888;
	background:#fefefe;
	padding:2px;
}

label.cf-before {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 5px 0 0; 
}

label.cf-before span{
	width:200px; 
	display:block;
}

label.cf-after 	{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 0 0 4px;
	width:115px;
	text-align:left;	
}

label.cf-after span {
	width:115px;
	display:block;
}

label.cf-group-after {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 6px 0 4px;
	width:105px;
	text-align:left;
}
label.cf-group-after span {
	width:105px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	margin:0 0 8px 0;
	padding:3px;
	background: #fbfbfb; 
	border:none;
	border-top: 1px solid #f0f0f0; 
	vertical-align:top;
	
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#CEDDDF; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:415px; 
}
.cform select {
	width:421px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:6.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	height: 6em;
	overflow:auto;
}

.cform input.cf_date {
	width:395px;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	letter-spacing:2px;
	margin:12px 0pt 4px 10px!important;
	font-size:10px;
	color:#888888;
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:3px 0 0 0; 
	width:16px; 
	height:22px;
	border:none!important;
	background:none!important; 
}


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 12px 0; 
} 


/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	width:421px;
	font-size:9px;
	vertical-align:top;
	color:#888888;
	text-align:right;
	margin:0;
	height:13px;
	line-height:13px;
}

.cform textarea.fldemail,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired {
	margin:0;
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right;
}
.cform input.sendbutton	{ 
	width:150px;  
	padding:5px; 
	margin: 5px 3px 4px 0pt;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 10px!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	padding:0 0 0 10px;
	margin:0;
	color:#333;
	display:inline-block;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}


/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.seccap {
	margin-top: 6px;
}

label.secq{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	width:auto;
	padding:2px 4px 2px 2px;
}
label.secq span {
	display:block!important;
	width:auto;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:196px;
	padding: 4px 4px;
	margin: 0 0 8px 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 8px 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 10px 3px;
	width:21px;
	height:21px;
	border:none!important;
}

img.imgcalendar {
	border:none!important;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:420px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	background:#F9F9F9 none repeat scroll 0%;
	color:#AAAAAA;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9 none repeat scroll 0%;
	color:#AAAAAA;
	display:block;
}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

  
/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html ol.cf-ol 	{
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-bottom:9px!important;
}
*+html img.captcha	{
	margin-bottom:9px!important;
}

/* Don adds for cool links boxes */
/* Here's the CSS code */

div.my_wrapper{
    width: 480px;
}

div.my_left_box{
    float: left;
    padding: 10px;
    width: 200px;
    border: 1px solid gray;
}

div.my_right_box{
    float: right;
    padding: 10px;
    width: 200px;
    border: 1px solid gray;
}

/* Don adds for Shari promo page 6 dec 08 */
.style1 {
color: #CCCCCC;
font-size: 0.8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {
color: #CCCCCC;
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
}
.style3 {
font-size: 1em;
font-weight: bold;
}
.style4 {color: rgb(255, 255, 255)}
