@charset "utf-8";
/* CSS Document
*01: Reset
*02: Global Classes
*03: Styles/Layout
*
*/

/*---- 01:Reset ----------------------------------------------------------------------------------------*/
body {margin: 0; padding:0}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,ul{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
strong { font-weight: bold; }
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
textarea {line-height:1.25;} 
label {cursor:pointer;}
form {margin:0;padding:0;display:inline;}
blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}
input[type=text]:focus, textarea, input[type=password]:focus {  outline: 0 none;}
dt, dl, dd { margin: 0; font-size: .9em }
dt { color: #000;  }
dd { color: #5e5947; }

/*---- 02:Global Classes --------------------------------------------------------------------------------*/
body {color:#000; background: #e1e1e1 url(/resources/images/bg_image.jpg) top center no-repeat; font-size: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;  }
strong, em, b, i,h1, h2, h3, h4, h5, h6, address { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;}
.clear { clear: both;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
h1 { font-size: 1.2em; margin: 0 0 1.1em 0; }
h2 { font-size: .9em; margin: 0 0 .9em 0; }
h3 { font-size: .8em; margin: 0 0 .8em 0; font-weight: bold; color: #000 }
h4 { font-size: .7em; margin: 0 0 .8em 0; font-weight: bold; color: #000 }
p { line-height: 1.4em; }
a { color: #22658f; text-decoration: none; cursor:pointer }
a:hover { text-decoration: underline }
p { font-size: .8em; margin: 0 0 .8em 0 }
.left { float: left;  width: 50%;}
.right { float: right; width: 50%; }
.even { background: url(/resources/images/row_overlay.png) repeat; }
.trans { background: url(/resources/images/row_overlay.png) repeat; font-size: .9em; padding: 2px 4px }
.count { color: #e5000a; font-weight: bold;}
.arrow { float: right; padding: 0 0 10px 10px }
acronym {border-bottom:1px dotted #22658f; color: #22658f; cursor: help}
acronym:hover{background: #c80d14; color: #fff;border-bottom:1px dotted #fff; }
/**************ICONS**************/
.rss {background: url(/resources/images/icon_rss.png) right center no-repeat; padding: 0 20px 0 0}
.brss{background: transparent url("/resources/images/page_content_icon_rss.png") center left no-repeat; color: #226590; padding: 0 0 0 20px; font-size: .8em;}
.tags { background: url(/resources/images/icon_tags.png) left center no-repeat; padding: 0 0 0 20px}
.share { color: #57964c !important;  font-size: .8em; background: url(/resources/images/icon_sharethis.png) left center no-repeat; padding: 0 0 0 20px }
.atom{background: transparent url("/resources/images/page_content_icon_atom.png") center left no-repeat; color: #226590; padding: 0 0 0 20px; font-size: .8em;}
.comments { background: url(/resources/images/icon_comments.png) left center no-repeat; padding: 0 0 0 20px }
.user { background: url(/resources/images/icon_user.png) left center no-repeat; padding: 0 0 0 20px }
.newmsg { background: url(/resources/images/icon_newmsg.png) left center no-repeat; padding: 0 0 0 20px }
.inbox { background: url(/resources/images/icon_inbox.png) left center no-repeat; padding: 0 0 0 20px }
.sent { background: url(/resources/images/icon_sent.png) left center no-repeat; padding: 0 0 0 20px }
.folder { background: url(/resources/images/icon_folders.png) left center no-repeat; padding: 0 0 0 20px }
.bb { background: url(/resources/images/icon_bboard.png) left center no-repeat; padding: 0 0 0 20px }
.trash { background: url(/resources/images/icon_trash.png) left center no-repeat; padding: 0 0 0 20px }
.buddy { background: url(/resources/images/icon_adduser.png) left center no-repeat; padding: 0 0 0 20px }
.block { background: url(/resources/images/icon_blocked.png) left center no-repeat; padding: 0 0 0 20px }
.readmore { background: url(/resources/images/arrow_down.gif) left center no-repeat; padding: 0 0 0 20px; font-size:.9em }
.arrowUp { background: url(/resources/images/arrow_up.gif) left center no-repeat; padding: 0 0 0 20px; font-size:.9em }
.arrowB { background:url(/resources/images/arrow_blue.png) left center no-repeat; padding: 0 0 0 15px }
.hide { display: none }

#readcontrol { padding: 10px 0 0 0; clear:both }

#groupimg { float:left; margin:0 15px 0 0; width: 100px; }
#groupdet { float:left; margin:0 0 5px 0; width: 600px }
#groupdet dl.fg  { margin:0; padding:0; font-size: .9em; line-height: 1.4em}
#groupdet dl.fg dd   { float: left; width: 450px; color: #666}
#groupdet dl.fg dt { float: left; width: 90px; color: #000}
#groupdet h2 {  font-size:  1em; margin: 0 0 .5em 0; font-weight: bold}
#groupheading { float: left; width: 580px }
.ygroups { clear:both; margin: 15px 0 0 0;border-bottom: 1px solid #e6e7e6; }
.ygroups .hide { clear: left; padding: 15px 0 15px 0;}
.glast { border: 0 !important; }

/* list with blue arrows & transparent white bg (find a group) */
ul.listb li span { background:#fff; padding: 1px 10px 1px 5px  } 
ul.listb li { margin: 15px 0 15px 0; list-style-type:none; font-size: .8em}
ul.listb li a { background:url(/resources/images/arrow_blue.png) left center no-repeat; padding: 0 0 0 15px }

/* list for find a group details */
ul.cat  { float: left; width: 280px; list-style-type:none; margin: 0 60px 0 0 }
ul.cat li  {border-bottom: 1px solid #f1f1f1; padding: 8px 0 }
ul.cat  li a{ background: url(/resources/images/arrow_fwd.png) left center no-repeat; padding: 0 0 0 30px }


/* list with blue arrows  */
ul.lista li { margin: 0 0 .3em 0;list-style-type:none; font-size: .75em; background:url(/resources/images/arrow_blue.png) left 30% no-repeat;   padding: 0 0 5px 15px }
.ie ul.lista li {  background:url(/resources/images/arrow_blue.png) left 50% no-repeat; }

/* list black arrows with columns (footer) */
ul.listf { margin: 0 0 0 0; width: 400px}
ul.listf li span { background:#fff; padding: 1px 10px 1px 5px  } 
ul.listf li { margin: 8px 0 0px 0; list-style-type:none; font-size: .8em; width: 200px; float: left; }
ul.listf li a { background:url(/resources/images/arrow_footer.png) left center no-repeat; padding: 0 0 0 15px }

/* plain list with 2 columns  */
ul.plist { margin: 0 0 0 0; width: 400px}
ul.plist li { margin: 8px 0 0px 0; list-style-type:none; font-size: .8em; width: 200px; float: left; }

/* list black arrows (rhs) */
ul.list { margin: 0 4px 0 4px; width: 95%}
ul.list li span { background:url(/resources/images/row_overlay.png) repeat; padding: 2px 10px 2px 5px  } 
ul.list li { list-style-type:none; font-size: .75em;background:url(/resources/images/arrow_footer.png) left 30% no-repeat;  padding: 0 0 5px 15px }

/* heading 2 with bgs */
h2.blue {  line-height: 2em }
h2.blue span {background: #0895d3 url(/resources/images/heading_bg.png) 0% 80% repeat; padding: .3em .8em;}
h2.gray {  line-height: 2em }
h2.gray span {background: #6c7177 url(/resources/images/heading_bg.png) 100% 50% repeat; padding: .3em .8em;}
h2.red {  line-height: 2em }
h2.red span {background: #ea0600 url(/resources/images/heading_bg.png) 0% 100% repeat; padding: .3em .8em;}
h2.lgray {  line-height: 2em }
h2.lgray span { background: #bfc1c0 url(/resources/images/heading_bg.png) 0% 80% repeat; padding: .3em .8em;}
h2.tags { color: #fff; font-weight: bold; background: #d80d16 url(/resources/images/heading_bg.png) 100% 50% repeat; margin: 0 4px 10px 4px; padding: 0 0 4px .8em}
h2.tags span {background: url(/resources/images/icon_tags.png) left center no-repeat; padding: 0 0 0 20px}
h2.links { color: #fff; font-weight: bold; background: #888e95 url(/resources/images/heading_bg.png) 0% 0% repeat; margin: 0 4px 10px 4px; padding: 0 0 4px .8em}
h2.links span { background: url(/resources/images/icon_links.png) left center no-repeat; padding: 0 0 0 20px}
h2.media { color: #fff; font-weight: bold; background: #888e95 url(/resources/images/heading_bg.png) 0% 0% repeat; margin: 0 4px 10px 4px; padding: 0 0 4px .8em}
h2.media span { background: url(/resources/images/icon_media.png) left center no-repeat; padding: 0 0 0 20px}
h2.blog { color: #fff; font-weight: bold; background: #888e95 url(/resources/images/heading_bg.png) 0% 0% repeat; margin: 0 4px 10px 4px; padding: 0 0 4px .8em}
h2.blog span { background: url(/resources/images/icon_blog.png) left center no-repeat; padding: 0 0 0 20px}

input { color: #5b5757; }

/* sidebar boxes */
.sbox { width: 174px; margin: 0 0 10px 0 }
.sbox_top { height: 8px;} 
.sbox .red {background: url(/resources/images/rhs_widget_top_red.png) no-repeat; }
.sbox .gray {background: url(/resources/images/rhs_widget_top_gray.png) no-repeat; }
.sbox_mid { background: #fff; }
.sbox_text { padding: 4px 0; color: #333; font-size: .9em; line-height: 1.2em; margin: 5px 10px 0 10px }
.sbox a {color: #22658f; text-decoration: none }
.sbox_bot { background: url(/resources/images/rhs_widget_bottom.png) no-repeat; height: 8px;  }

/* round landing boxes (small) */
.lbox { width: 355px; float: left; margin: 0 5px 8px 0; }
.lbox h2 { color: #fff; font-weight: bold; font-size: .9em; margin: 0 10px; padding: .3em 0 0 0}
.lbox_top { background: url(/resources/images/landingbox_top.jpg) no-repeat; height:14px;  width: 355px; }
.lbox_mid { background: url(/resources/images/landingbox_mid.jpg) repeat-y; min-height:95px; height: 100%; padding: 0 0 0 10px }
.lbox_text { color: #333; font-size: .9em; line-height: 1.2em; margin: 10px 10px 0 10px;}
.lbox_text p { width: 295px }
.lbox_bottom { background: url(/resources/images/landingbox_bottom.jpg) no-repeat; height:14px }
.lbox h2 a { color: #fff }

/* wide round boxes */
.wbox { width: 713px; float: left; margin: 0 10px 15px 0; }
.wbox h2 { color: #fff; font-weight: bold; font-size: .9em; margin: 0 10px; padding: .3em 0 0 0}
.wbox h2 a{ color :#fff }
.wbox_top { background: url(/resources/images/wide_box_top.jpg) no-repeat; height:16px; width: 713px; }
.wbox_mid { background: url(/resources/images/wide_box_center.jpg) repeat-y; min-height:70px; padding: 0 10px }
.wbox_text { color: #333; font-size: .9em; line-height: 1.2em; margin: 10px 10px 0 10px}
.wbox_bottom { background: url(/resources/images/wide_box_bottom.jpg) no-repeat; height:16px; width: 713px; }
.thumb { border: 1px solid #edeadb; margin: 0 10px 10px 10px; float: left; }

/*profile box*/
.profile_box {  width: 709px; margin: 20px 0 20px 0}
.profile_box_top { width: 709px; height: 12px; background: url(/resources/images/box_profile_top.jpg) no-repeat; }
.profile_box_mid { width: 709px;min-height: 200px; background: url(/resources/images/box_profile_center.jpg) repeat-y; }
.profile_box_bot { width: 709px;height: 12px; background: url(/resources/images/box_profile_bottom.jpg) no-repeat; }
.profile_box_mid .left { width: 370px; margin: 0 20px 0 0; position: relative; z-index: 6/* background: url(/resources/images/profile_bg.png) -50% top no-repeat; */ }
.profile_box_mid .right { float: left; width: 300px;  }
.profile_box_mid .left img { border: 2px solid #fff; float: left; margin: 10px 20px 0 15px }
.profile_box_mid .left p.location { font-size: 1.2em; margin: 0 0 5px 0 }
.profile_box_mid .left p.moredet { font-size: 1em; margin: 0 0 20px 0 }
.profile_box_mid .left p.location span, p.moredet span { color: #5e5947;   } 
.profile_box_mid  .right h3 { font-size: 1em; }
.profile_box_mid .left h2 { color: #fff; font-size: 1.2em; font-weight:bold; margin: 10px 0 .5em 0}
#profileinfo { float: left; width: 210px; }
.circle { background: url(/resources/images/public_profile_bg.png) no-repeat; width: 111px; height:199px; position: relative; bottom: 187px; left: 1px; z-index: 5 }
#profileinfo a { font-size: 1.2em}
.profiledet h2 { color: #fff; font-weight: bold; font-size: 1.1em;  }
.profiledet .left { width: 360px; margin: 0 10px 0 0; }
.profiledet .right { float: left; width: 330px; margin: 0 0 0 10px; }
.profiledet p { font-size: .9em; }
#privateprofile .left h2 { margin: 30px 0 30px 0; font-size: 1.2em; color: #5e5947 }
#privateprofile .left { margin: 0 15px 0 0px }
#privateprofile .right h2 { color: #fff; font-weight: bold; margin: 10px 0 0 0 } 
#privateprofiledet h3 { color: #5e5947}
#privateprofiledet .left .left { width: 160px;}
#privateprofile .plist { font-size: .9em; width: 360px; margin: 20px 0 0 0;}
#privateprofile .plist li { width: 158px; margin: 0 8px 12px 0;  }

/* album box */
.abox { width: 203px; float: left; margin: 0 35px 0 0 }
.abox_top {background: url(/resources/images/albumboxtop.jpg) no-repeat; height: 16px; } 
.abox_mid {background: url(/resources/images/albumboxbg.jpg) top left repeat-y; text-align:left; padding: 0 0 10px 0; } 
.aboxcontent { overflow:hidden; width: 200px; margin: 0 auto} 
.aboxcontent img { margin: 0 auto; }
.abox_bot {background: url(/resources/images/albumboxbottom.jpg) no-repeat; height: 15px; } 
.abox_mid h2 a { color: #fff; font-weight: bold}
.abox_mid h2 { margin: 0 0 15px 30px }

/** data lists (2 columns) */
dl.dl2 { line-height: 1.6em }
dl.dl2 dt { font-size: .95em;width: 130px; float: left; }
dl.dl2 dd { font-size: .95em; width: 160px; float: left; word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */ }

/** data lists (2 columns with bg) */
dl.dl_bg { line-height: 1.4em; width: 100%  }
dl.dl_bg dt { padding: 1px 2px; color: #716950; font-weight: bold; font-size: .95em;width: 47%; float: left; background: #f7f5ee;margin: 2px}
dl.dl_bg dd { padding: 1px 2px; color: #666; width: 47%; float: left; font-size: .95em; background: #f7f5ee;  margin: 2px  }

/** data lists (2 columns , bold title, narrow columns) */
dl.dlb { line-height: 1.4em; width: 100%  }
dl.dlb dt { padding: 1px 2px; color: #716950; font-weight: bold; font-size: .75em;width: 50%; float: left;margin: 2px}
dl.dlb dd { padding: 1px 2px; color: #666; width: 45%; float: left; font-size: .75em; margin: 2px  }


/*---- 03:Styles/Layout ----------------------------------------------------------------------------------------*/


* html #container {height:1%;}
#container { width: 942px; margin: 0 auto; }
#header { margin: 0 10px; width: 930px}

#topnav { float: right; }
#topnav ul { font-size: .7em; color: #000 }
#topnav ul li {  list-style-type: none; display: inline;   }
#topnav ul li a {  text-decoration:none;margin: 0 5px 0 0; color: #226590; }
#toplinks { float: left; margin: 5px 8px 0 0}
#memberpanel { float: left; }
#tleft { background: url(/resources/images/topnav_first.png) left center no-repeat; width: 8px; height: 27px; float:left }
#tright { background: url(/resources/images/topnav_last.png) no-repeat; width: 8px; height: 27px; float:left }
#tcontent {background: url(/resources/images/topnav_bg.png) top center repeat-x; height: 27px; float: left; }
#tcontent ul { color: #ccc; float: left; margin: 5px 0 0 0 }

.searchbox {  display: inline; height: 16px }
.searchbox input { margin: 1px 0 0 0; width: 110px; height: 16px;  border: 1px solid #8c8a8b; padding: 0 2px; }
.searchbox input.submit { background: url(/resources/images/search.gif) no-repeat; width: 18px; height: 16px; border: 0; }
.searchsubmit { position: relative; left:-23px; top: 2px; display: inline;width: 18px; height: 16px;  }
.searchbox a {  margin: 0; padding:0 }
.searchtxtbox { font-size: .9em; }
#searchform{ float: left; font-size: .75em; margin: 2px 0 0 5px }
#searchform a { font-size: .9em; padding:0; margin: 0 0 0 -10px}

#logo {  clear:both; padding: .5em 0 0 0; } 
#logo h1 { background: url(/resources/images/curious_logo.png) no-repeat; width: 240px;height: 77px; margin:0 }
#logo h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px;}
#menu { font-size: .8em; list-style-type: none; margin: -16px 10px 0 8px;  }
#menu a:hover, #submenu a:hover {  color: #e60909; }

/** main page content */
#pagecontent { width: 750px; float: left;}
.page_top {  height: 18px; background: url(/resources/images/contentpage_top.jpg) no-repeat; }
.page_bot { height: 20px; background: url(/resources/images/contentpage_bottom.png) no-repeat; }
.page_mid {  background: #fff; min-height: 480px; color: #333; }
.page_text_container h1 { font-size: 1.6em; margin: .5em 0 1em 0; color: #333333 }
.page_text_container {  width: 720px; margin: 0 auto; padding: 0 0 20px 0}


.mainbody ul, .mainbody ol, .blog_item_full ul, .blog_item_full ol { font-size: 13px; margin: .8em 1.3em; line-height: 18px }
.mainbody h2 { font-size: 1em; font-weight: bold; margin: 1em 0 1em 0 }
.mainbody h3 { font-size: .9em; }

.home #menu { margin: -16px 10px 0 -16px; } /* this will align the menu to form the red corners */
#menu li  { margin: 0 0; float: left; padding: 10px 7px; border-left: 1px solid #606160; border-right: 1px solid #000; min-height: 30px} 
#menu span { color: #a9b1b5; font-size: .7em;  text-transform: none}
#menu a { color: #fff; text-decoration: none; text-transform: uppercase; }
#menu li.active a { color: #fff}
#menu li.active a:hover { color: #fff; }
#menu li.active { background: #bb080b url(/resources/images/nav_active_bg.png) top left repeat-x; height: auto; }
#menu li.active span { color: #fff; }
#menu li.fm { border-left: 0; padding-left: 0 } 
#menu li.lm { border-right: 0; }

/** full page content */
#fpagecontent { width: 930px; float: left; margin: 0 0 0 2px; }
.fpage_top {  height: 8px; background: url(/resources/images/fullpage_bg_top.png) no-repeat; }
.fpage_mid { background: #c3c2c2 }
.fpage_text_container { padding: 10px;  }



#imagegallery img { float: left; margin: 0 32px 20px 0; border: 2px solid #dededf }
/**** start main nav corner box ***/
.nc { margin: 7px 0 0 0 }
/* Top corners and border */
.nt { height:24px; margin:0 0 0 18px; background:url(/resources/images/box_bg.png) no-repeat 100% 0;}
/* when home nav is active */
.home .nt { height:24px;margin:0 0 0 18px;background:  url(/resources/images/box_home.png) no-repeat 100% 0;}
.nt div { position:relative; left:-18px; width:18px; height:24px; background:url(/resources/images/box_bg.png) no-repeat 0 0; font-size:0; line-height:0;}
/* when home nav is active */
.home .nt div {	position:relative;left:-18px;width:18px;height:24px; background:url(/resources/images/box_home.png) no-repeat 0 0;font-size:0;line-height:0;}
/* Bottom corners and border */
.nb { height:14px; margin:0 0 0 12px; background:url(/resources/images/box_bg.png) no-repeat 100% 100%;}
.nb div { position:relative; left:-12px; width:12px; height:14px; background:url(/resources/images/box_bg.png) no-repeat 0 100%;	font-size:0; line-height:0;}
/* left border */
.n1 { padding:0 0 0 11px; background:url(/resources/images/box_borders.png) repeat-y 0 0; min-height:37px; }
/* when home nav is active */
.home .n1 { padding:0 0 0 31px;	background:url(/resources/images/box_borders_home.png) repeat-y 0 0;}
/* right border */
.n2 { padding:0 8px 0 0px; background:url(/resources/images/box_borders.png) repeat-y 100% 0;}
/* wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.n3 { display:block; margin:0; padding:1px 10px; background: #0B0C0C url(/resources/images/nav_bg_gradient.png) top left repeat-x;}
/* Make the content wrapper auto clearing so it will contain floats */
.n3:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.n3 {display:inline-block;}
.n3 {display:block;}

/**** end main nav corner box ***/

#mcontent { /* margin: .5em .3em 0 .3em;*/ width: 932px; margin: .5em auto; }
#subcontent { float: left; position: relative; z-index: 10; width: 932px; }
#subcontent h2 {color: #fff;  text-transform: uppercase; font-weight: bold; font-size: 1em; margin: 0 .5em;  padding: .3em 0 0 0}
#subcontent .widget { width: 303px; float: left; margin: 0 10px 0 0; color: #333}
#subcontent a:hover {text-decoration:underline}

#submenu { margin: 0 0 0 8px; width: 920px; background: url(/resources/images/submenu_bg.png) top left repeat-y; border-bottom: 4px solid #fff;  padding: .3em 0 .8em .5em}
#submenutop {border-top: 1px solid #585a59;width:923px;margin:0 0 0 0em;}

#submenu ul li { list-style-type:none; display:inline; margin: 0; padding:0; color: #a4a7a5}
#submenu ul li a { color: #fff; margin: 0 11px 0 11px; font-size: .75em; text-decoration:none;  }
#submenu ul li.active a { color: #ff3333; }
ul.listimg { margin: 0 0 1em 0; font-size: .8em; padding: 8px 0 0 0 }
ul.listimg li { list-style-type: none; padding: 5px 10px}
ul.listimg li img { border: 2px solid #fff; margin: 0 .5em 0 0}
.wctrl { margin: 0 .8em 0 .8em}
.wctrl .rss { float: right; }

/* widget */
.wt {  height:13px; background: url(/resources/images/widget_top.png) no-repeat;} 
/* widget content with gradient */
.wc { min-height: 280px; width: 299px; border-right: 2px solid #fff; border-left: 2px solid #fff; font-size: .9em; }
.wrc { background: #fff url(/resources/images/widget_red_gradient.jpg) bottom center repeat-x;}
.wrc a { color: #660000; text-decoration: none }
.wrc .info a { color: #990000}
.wgc { background: #fff url(/resources/images/widget_gray_gradient.jpg) bottom center repeat-x;}
.wgc a  { color: #22658f; text-decoration: none }
.wgc .info a { color: #22658f;}
.wbc { background: #fff url(/resources/images/widget_blue_gradient.jpg) bottom center repeat-x; height: 205px}
.wbc a { color: #22658f; text-decoration: none }
.wctrl {font-size: .8em }

/* widget bottom */
.wrb { height:13px; background: url(/resources/images/widget_bottom_red.png) no-repeat; }
.wgb { height:12px; background: url(/resources/images/widget_bottom_gray.png) no-repeat; }
.wbb { height:13px; background: url(/resources/images/widget_bottom_blue.png) no-repeat;}
/*widget map */
#mapcontent { margin: 1.5em 0 0 .7em; position: absolute; z-index: 7; width: 180px; }
#nzmap { position: relative;  z-index: 6; left: 90px; top: -40px; }

#subcontent .last {margin: 0 0 0 0; }
#sidebar { float: right; width: 175px; margin: 0 0 0 0; vertical-align: top}
#sidebar img { margin: 0 0 10px 0 }
#maincontent { float: left;  width: 750px; margin: 0 0 10px 2px}
#maincontent a:hover {text-decoration:underline}
/* default main big box (gray) */
.mbox_top { background: url(/resources/images/mainbox_top.png) no-repeat; width: 749px; height: 21px;  }
.mbox_center { background: url(/resources/images/mainbox_center.png) repeat-y;  width: 749px; min-height: 282px }
.mbox_text { background: url(/resources/images/cloud.jpg) top left no-repeat; width: 465px; margin: -18px 2px 0 0; float: right;  min-height: 180px; padding: 20px 0 0 60px; }
.mbox_text a  {color: #22658f; text-decoration:none }
.mbox_text { color: #353333; }
.mbox_text h1.fitin { background: url(/resources/images/content/dontfitin_standout.png) no-repeat; height:26px; line-height:0; text-indent:-9999px; width:351px; }
.mbox_text .left { text-align: right; width: 180px; margin: 2em .5em .5em .3em}
.mbox_text .right { float: left;  margin: 1.5em .3em 0 .3em; }
.mbox_bottom { background: url(/resources/images/mainbox_bottom.png) bottom left no-repeat; width: 749px; height: 15px; }
/* cartoon images */
.mbox_girl { background: url(/resources/images/cartoon_girls.png) no-repeat; width: 276px; height:373px; position: relative; bottom: 320px; left: -5px; z-index: 5 }
.bbox_girl { background: url(/resources/images/cartoon_landing_girls.png) no-repeat; width: 277px; height:214px; position: relative; bottom: 202px; left: -15px; z-index: 5 }
.bbox_boy {background: url(/resources/images/cartoon_landing_boys.png) no-repeat; width: 271px; height:207px; position: relative; bottom: 195px; left: -10px; z-index: 5 }
.rbox_girl { background: url(/resources/images/cartoon_landing_maori.png) no-repeat; width: 766px; height:213px; position: relative; bottom: 201px; left: -19px; z-index: 5 }
/* landing page (girls) */
.bbox_top { background: url(/resources/images/bluemainbox_top.png) no-repeat; width: 749px; height: 21px;  }
.bbox_center { background: url(/resources/images/bluemainbox_center.png) repeat-y;  width: 749px; min-height: 185px }
.bbox_bottom { background: url(/resources/images/bluemainbox_bottom.png) bottom left no-repeat; width: 749px; height: 15px;  }
.bbox_text { width: 440px; margin: 0 1.5em 0 1em; float: right; color: #313f46; }
.bbox_text p {  line-height: 1.6em; font-size: .8em}
.bbox_text h1 { color: #0b6d9d; font-size: 1.8em; margin: 0 0 .5em 0; font-weight: bold  }
.bbox_text a  {color: #660000; text-decoration:none }
/* landing page (maori) */
.rbox_top { background: url(/resources/images/redmainbox_top.jpg) no-repeat; width: 750px; height: 19px;  }
.rbox_center { background: url(/resources/images/redmainbox_center.jpg) repeat-y;  width: 750px; min-height: 185px }
.rbox_bottom { background: url(/resources/images/redmainbox_bottom.png) bottom left no-repeat; width: 750px; height: 15px;  }
.rbox_text { width: 440px; margin: 0 1.5em 0 1em; float: right; color: #313f46; position: relative; z-index: 6 }
.rbox_text p {  line-height: 1.6em; font-size: .8em}
.rbox_text h1 { color: #000; font-size: 1.8em; margin: 0 0 .5em 0; font-weight: bold  }
.rbox_text a  {color: #660000; text-decoration:none }





/*blog item*/
.blog_item { width: 100%; border-bottom: 1px solid #cfd1d4 ; padding: 0 0 20px 0 }
.blog_item .info { font-size: .8em; margin: 20px 0 0 0 }
.blogimg { margin: 0 20px 0 0; float: left;  }
.blog_item h2 { font-size: 1em; }


.breadcrumbs { font-size: .7em; color: #333; margin: 0 0 5px 0; }
.breadcrumbs li { list-style-type:none; display: inline; }
.breadcrumbs li a { margin: 0 .5em 0 0; }
.blogs ul { float: left; width: 420px }
.blogs .right { float: left; width: 200px;  }
.blogs .right a { font-size: 1.2em; margin-left: 10px }


#cfooter {  margin: 10px 5px; font-size: .9em; color: #333}
#cfooter h2 {color: #000;  text-transform: uppercase; font-weight: bold;  margin: 0 0 5px 0; font-size: 1em;}
#ft { background: url(/resources/images/footer_top.png) no-repeat; height: 11px;}
#fc { background: url(/resources/images/footer_mid.png) repeat-y; min-height: 70px; padding: 5px 20px }
#fb { background: url(/resources/images/footer_bottom.png) no-repeat; height: 11px}
#cfooter a { color: #22658f; text-decoration: none}
#cfooter a:hover {text-decoration:underline}
#cfooter .left { width: 400px;  }
#cfooter .right { width: 470px; text-align: center }
#cfooter .right ul { margin: 0 0 1.5em 0 }
#cfooter .right ul li { list-style-type: none; display: inline; font-size: .8em; } 
#cfooter .right ul li a { margin: 0 .5em 0 0 } 
#cfooter .right p.sites img { display: inline; margin: .3em .5em 0 .5em }
#copyright { text-align: center; margin: .3em 0 0 0;  }
#copyright p { color: #333; font-size: .75em}


/* ----------- basic form----------- */
.bform {
 margin: 50px 0 0 0;
 width:98%;
}
.bform   h1 {
font-size:1.2em;
margin-bottom:8px;
}
.bform   p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
.bform   label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
font-size: .8em;
color: #666
}


.bform .checkbox {
	border: 0;
	float: left;
	width: 30px; 
	margin-right: 400px
	
}

.bform   .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:200px;
}
.bform   .req{
color: red;
font-size:13px;
font-weight:normal;
text-align:left;
width:20px;
}

.bform   input, .bform   textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
color: #666
}

.bform select {
float: left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
color: #666
}
.bform  .submit{ clear:both; margin-left:210px; width:100px; background:#f1f1f1; text-align:center;line-height:31px; color:#666; font-size:.8em; font-weight:bold; text-transform: uppercase}
 
 .upload {
	position:relative;
	width:700px;
	float: left;

}
.realupload {
	position:absolute;
	top:0;
	left:300px;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	width:300px;

}
form .fakeupload {
	/*background: url(/resources/images/browse.gif) no-repeat !important;*/
border:solid 1px #aacfe4;
	float: left;
	margin: 2px 0 0 10px;
	cursor: pointer;
	width:100px; background:#f1f1f1; text-align:center;line-height:25px; color:#666; font-size:.8em; font-weight:bold; text-transform: uppercase;
	
}
form  input.fupload {width:190px;}
 
/*PAGE CONTENT LEFT CONTAINER*/
.pagecontent_left{float: left; width: 130px; margin: 20px 10px 0 0;}
.pagecontent_left ul{list-style: none; margin: -10px 0;}
.pagecontent_left ul li{margin: 10px 0; }
.pagecontent_left ul li a{color: #fff; font-size: .75em; margin: 0; padding: 4px 3px; background-color: #888e95; text-decoration: none;}
.pagecontent_left ul li a.active{font-weight: bold; background-color: #e8000c;}
 
/*PAGE CONTENT RIGHT CONTAINER*/
.pagecontent_right{float: left; width: 575px; margin: 20px 0 0 0;}
.pagecontent_right ol { font-size: 13px; line-height: 18px; margin: .8em 1.3em;  } 
.pagecontent_right ul { font-size: 13px; line-height: 18px; margin: .8em 1.3em;}
.pagecontent_right ul li { margin-left: 1em }
ol.ol_margin { list-style-position: inside; }
.pagecontent_right h2 { font-size: 1em; font-weight: bold; margin: 1em 0 1em 0 }
.pagecontent_right h3 { font-size: .9em; }


/*SHARE YOUR STORY CONTENT CONTAINER*/
.content_top_buttons{float: right;}

.content_share_container{display: block; margin: 0 0 15px 0; background: transparent url("/resources/images/share_icon.png") bottom left no-repeat;}
.content_share_container a{display: block; margin-left: 20px; font-size: 0.8em; text-decoration: none;}

/*BACK TO CONTENT PAGE CONTAINER*/
.content_back_container{display: block; background: transparent url("/resources/images/back_icon.png") bottom left no-repeat;}
.content_back_container a{display: block; margin-left: 20px; font-size: 0.8em; text-decoration: none;}


/*PAGE CONTENT ICONZ*/
.pagecontent_icons{margin: 20px 0 0 0;}
.pagecontent_icons ul{list-style: none; }
.pagecontent_icons ul li{float: left; margin: 0 30px 0 0;}
.pagecontent_icons ul li a{text-decoration: none;}
.pagecontent_icons ul li a.share{background: transparent url("/resources/images/page_content_icon_share.png") center left no-repeat; color: #3d863b; padding: 0 0 0 20px;font-size: 13px!important }
.pagecontent_icons ul li a.rss{background: transparent url("/resources/images/page_content_icon_rss.png") center left no-repeat; color: #226590; padding: 0 0 0 20px;font-size: 13px!important }
.pagecontent_icons ul li a.atom{background: transparent url("/resources/images/page_content_icon_atom.png") center left no-repeat; color: #226590; padding: 0 0 0 20px; font-size: 13px!important}

.pagecontent_icons_right{margin: 10px 10px 0 0; float: right;}
.pagecontent_icons_right ul{list-style: none;}
.pagecontent_icons_right ul li{float: left; margin: 0 0 0 30px;}
.pagecontent_icons_right ul li a{text-decoration: none;}
.pagecontent_icons_right ul li a.share{background: transparent url("/resources/images/page_content_icon_share.png") center left no-repeat; color: #3d863b; padding: 0 0 0 20px; font-size: .8em;}
.pagecontent_icons_right ul li a.rss{background: transparent url("/resources/images/page_content_icon_rss.png") center left no-repeat; color: #226590; padding: 0 0 0 20px; font-size: .8em;}
.pagecontent_icons_right ul li a.atom{background: transparent url("/resources/images/page_content_icon_atom.png") center left no-repeat; color: #226590; padding: 0 0 0 20px; font-size: .8em;}


/*PAGE CONTENT RETURN TO TOP*/
.return_to_top{float: right; background: transparent url("/resources/images/page_content_return_top_arrow.png") center left no-repeat; padding: 0 0 0 12px; font-size: 0.7em; text-decoration: none !important;}

/*global maybe?*/
.pagecontent_right h1{margin-top: -7px; width: 450px; }
.pagecontent_right h3{margin-bottom: 0.5em}
.pagecontent_right p{margin-bottom: 1em}


/*SHARE YOUR STORY PAGE CONTENT CONTAINER*/
.share_your_story_container{width: 575px; margin: 25px 0 0 0; font-size: 0.7em}
.share_your_story_container .top{height: 16px; background: transparent url("/resources/images/share_story_container_top.png") top left no-repeat;}
.share_your_story_container .middle{background: transparent url("/resources/images/share_story_container_middle.png") top left repeat-y;}
.share_your_story_container .middle .padding{padding: 5px 15px;}
.share_your_story_container .bottom{height: 16px; background: transparent url("/resources/images/share_story_container_bottom.png") top left no-repeat;}
.share_your_story_container h2 {display: inline; background: #0895d3 url(/resources/images/heading_bg.png) 0% 80% repeat; font-size: 1.25em; font-weight: bold; color: #fff;  padding: .3em .5em; margin: 0 15px 0 0;}
.share_your_story_container h2 span{background: transparent url("/resources/images/share_icon.png") center left no-repeat; padding: 0 0 0 20px; margin: 0;}
.share_your_story_container h3{font-size: 1.3em; margin: 30px 0 20px 0;}
.share_your_story_container label{display: inline; font-weight: bold; font-size: 1.2em; margin: 0 15px 0 0;}
.share_your_story_container input.text{display: block; border: 2px solid #dfd9c6; width: 100%; margin: 5px 0 18px 0;}
.share_your_story_container textarea{display: block; border: 2px solid #dfd9c6; width: 100%; height: 150px; margin: 5px 0 18px 0;}
.share_your_story_container .add_pic_container{background: transparent url("/resources/images/add_pic_icon.png") top left no-repeat; height: 14px; padding-left: 24px; margin: 0 0 15px 0;}
.share_your_story_container .submit{width: auto; color: #22658f; background: transparent url("/resources/images/submit_btn_background.png") top left repeat-x; border: 1px solid #9b9892; padding: 1px 4px 2px 4px; margin: 0; font-size: 1em; font-weight: bold; cursor: pointer}

/*OTHER MEMBERS STORIES PAGE CONTENT CONTAINER*/
.members_stories_container{width: 568px; margin: 35px auto 0;}
.members_stories_container h2{font-size: 0.9em; margin: 0 0 2px 0; font-weight: bold;}
.members_stories_container h3{font-size: 0.8em; margin: 0; font-weight: normal;}
.blurb { font-size: .8em !important; font-weight: normal !important }
.member_story_container{width: 568px; margin: 10px 0;}
.member_story_container .top{background: transparent url("/resources/images/member_story_container_top.png") top left no-repeat; height: 16px;}
.member_story_container .middle{background-color: #f7f5ee; padding: 0 15px;}
.member_story_container .bottom{background: transparent url("/resources/images/member_story_container_bottom.png") top left no-repeat; height: 16px;}

.avatar{float: left;width:83px; height: 70px;}
.post{margin-left: 15px; float: left; width: 435px; font-size:0.9em}
.post h1{font-size:1.8em; margin-bottom: 5px}
.post h3{font-weight: bold;}
.post h3 a{text-decoration: none;}
.post .post_details{margin:0;padding:0;color:#a49f8f;font-size:0.8em}

.post_heading_container{margin-left: 15px; float: left; width: 340px; font-size:0.9em;}
.post_heading_container h1{font-size:1.8em; margin-bottom: 5px; width: 320px}
.post_heading_container .post_details{margin:0;padding:0;color:#a49f8f;font-size:0.8em}


/*PAGINATION CONTAINER*/
.pagination_container{float: right; width: 200px; text-align: right; font-size: 0.8em; margin: 10px 0 0 0;}
.pagination_container span{font-weight: bold;}
.pagination_container img{display: inline; vertical-align: bottom }


/*blog item full*/
.blog_item_full { width: 100%; padding: 0 0 20px 0 }
.blog_item_full .info { font-size: .7em; margin: 20px 0 0 0 }
.blog_item_full h2 { font-size: 1em; }

/*blog Comment container*/
.comments_heading_container{}
.comments_heading_container h2{display: inline; margin-right: 10px; font-weight: bold; color: #fff;}
.comments_heading_container p{display: inline;}
.comment_container{width:703px; margin: 10px 0; position: relative;}
.comment_container .top{background: transparent url("/resources/images/comment_container_top.png") top left no-repeat; height: 12px;}
.comment_container .top img{position: absolute; top: 10px; left: 10px}
.comment_container .middle{background-color: #f7f5ee; padding: 0 15px 0 30px;}
.comment_container .bottom{background: transparent url("/resources/images/comment_container_bottom.png") top left no-repeat; height: 12px;}
.comment_container .details{font-size: 0.8em;}
.add_comment_container{ float: right; width:345px; font-size: 0.8em; margin: 20px 15px 0 0;}
.add_comment_container p { font-size: 1em; margin: 8px 0 0 0 }
.add_comment_container  input.text {border: 2px solid #f7f5ee; width:337px; margin:8px 0 5px 0; }
.add_comment_container h1{display: inline; background: transparent url("/resources/images/share_icon.png") center left no-repeat; padding: 0 0 0 22px; font-weight: bold; font-size: 1.2em; margin: 0 15px 0 0;}
.add_comment_container textarea{display: block; border: 4px solid #f7f5ee; width:337px; height: 150px; margin:8px 0 5px 0;}
.add_comment_container .submit{float: right; width: auto; color: #22658f; background: transparent url("/resources/images/submit_btn_background.png") top left repeat-x; border: 1px solid #9b9892; padding: 1px 4px 2px 4px; margin: 0; font-size: 1em; cursor: pointer}
.add_tag_container{ float: left; width:345px; font-size: 0.8em; margin: 20px 0 0 0;}
.add_tag_container h1{display: inline; background: transparent url("/resources/images/tag_icon.png") center left no-repeat; padding: 0 0 0 22px;  font-weight: bold; font-size: 1.2em; margin: 0 15px 0 0;}
.add_tag_container p { font-size: 1em; margin: 8px 0 0 0 }
.add_tag_container  input.text {border: 2px solid #f7f5ee; width:337px; margin:8px 0 5px 0; }
.add_tag_container  input.checkbox { margin-left: 5px } 
.add_tag_container textarea{display: block; border: 4px solid #f7f5ee; width:337px; height: 150px; margin:8px 0 5px 0;}

.add_tag_container .submit{float: right; width: auto; color: #22658f; background: transparent url("/resources/images/submit_btn_background.png") top left repeat-x; border: 1px solid #9b9892; padding: 1px 4px 2px 4px; margin: 0; font-size: 1em; cursor: pointer}


/*video homepage*/
#videoDiv { font-weight: bold; font-size: 1em; text-align: center}
#videoDiv p { padding-top: 50px }

/*quick tip **/
.qtip { font-size: .75em; }

/* live validation */
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; float: left; width: 180px; display: none }
.LV_valid {color:#00CC00;}
.LV_invalid { color:#CC0000; font-size: .75em; font-weight: normal}   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { }
 
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000 !important; }


#sitemap li { list-style-type: none; margin: 30px 0 5px 0 }
#sitemap li a {text-decoration: underline; color: #000 }
#sitemap ul, #sitemap ul ul  { margin: 10px 0; }
#sitemap ul li  {margin: 2px 0 3px 35px; list-style-type: disc;font-size: .8em}
#sitemap ul ul li  {margin: 2px 0 3px 35px; list-style-type: circle; font-size: 1em}
#sitemap ul li a, #sitemap ul ul li a {text-decoration:none;}
#sitemap a:hover {text-decoration:underline;}


.photo { float: left; width: 120px; }
#cloud a:hover, #cloud a:link, #cloud a:active, #cloud a:visited  {background: none !important;}


/** feedback form**/
table.feedback input { width: 20px; margin:0; padding:0;  }
.first { font-size: .7em;  text-align: center }
table.feedback td { border-right:1px dashed #D0D0D0; padding:2px 12px; text-align:center;width:50px;}
table.feedback th { border-right:1px dashed #D0D0D0; padding:2px 0; text-align:right;}
table.feedback th label {width:250px;}
table.feedback label { font-size:11px; font-weight:normal; margin-right:5px; width:190px;}
table.feedback2 input { width: 20px; margin: 0 0 10px 0;  }
table.feedback2 label { text-align: left; width: 250px; cursor: auto; font-weight: normal;}
.ftext { width: 300px !important }
.bform label { font-size: .7em; }
.site_feedback { width: 600px !important }
.site_feedback label { width: 250px; cursor: auto; font-weight: normal; }
.site_feedback .submit { margin-left: 280px}
.site_feedback em { color: red }


input.error { border:2px solid #993300 !important;}
textarea.error { border:2px solid #993300 !important;}
.bform_sm input  { width: 20px }
#search_results li { list-style-type: none; margin: 0 0 15px 0 }
#search_results li li { padding: 0 10px; font-size: .8em;  }