/**
 *     Copyright (c) 2004-2008 Memeo Inc
 *     All rights reserved.
 *
 */

/*
 * Main CSS
 */
body {
  /* font-family: 'HoeflerText-Regular','Hoefler Text','Times New Roman',serif; */
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
}

a {
  color: #6f6f6f;
  text-decoration: none;
  outline: medium;
}

a:hover {
  color: #66CC00;
  text-decoration: underline;
  outline: medium;
}

a:active {
  color: #6F6F6F;
  text-decoration: none;
  outline: medium;
}

/*
 * area style
 */

/* this helps divs from over floating */
.clearBoth { clear:both; margin:0px; padding:0px; height:1px; background:none; }

#top_header { padding: 10px 20px 0px 20px; height: 50px; background-image: url("/res/images/watercolor/navbg_green-2.jpg"); }

#container { margin:0 auto 0 auto; padding:0px 0px 0px 0px; height: 100%; width:1000px; text-align:left; background:none; color:#666666; font-size: 12px;background-image:url("/res/images/watercolor/watercooloer_bkgnd.jpg");}

#main_container { margin:0px 0 0 0; padding:0px 0px 5px 0; font-size:12px; float:left; color:#666666;  }
#main_container h3 { margin:0; padding:3px 0 3px 0; font-size:22px; }
#main_container h5 { margin:0; padding:0 0 15px 0; font-size:16px; }
#main_container h4 { margin:0; padding:0 0 1px 0; font-size:14px; }
#main_container p { margin:0; padding:0 0 15px 0; color:#666666; line-height:1.3em; }
#main_container a { text-decoration:none; }
#main_container a:hover { text-decoration:underline; }
#main_container .q { margin:0; padding:0 0 25px 0; font-size:11px; color:#666666; line-height:1.3em; }
#main_container pre {
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  background-color: #f0f0f0;
}

#sidebar { margin:0px 5px 0 0; padding:0px 0 5px 20px; width:180px; float:left; }
#sidebar h3 { margin:0; padding:0 0 15px 0; font-size:12px; }
#sidebar h2 { margin:0; padding:0; font-weight:100; font-size:12px; color:#666666; }
#sidebar ul { margin:0; padding:0 0 0 19px; list-style:none; width:200px; float:left; color:#666666; }
#sidebar li { margin:0; padding:0 0 2px 0; line-height:1.3em; font-size:12px; }
#sidebar p { margin:0; padding:0 19px 5px 19px; color:#666666; line-height:1.3em; font-size:12px; }
#sidebar a { text-decoration:none; }
#sidebar a:hover { text-decoration:underline; }
#sidebar .dots { clear:both; margin:0px; padding:0 0 10px 0; height:1px; background-image:url(/res/images/default/dots-hori.gif); background-repeat:repeat-x; background-position:top left; }

#sidebar .pod { margin:0 0 20px 0; padding:13px 0 0 0; background-image:url(/res/images/default/bg-faq-top.gif); background-position:top left; width:280px; }
#sidebar table {
  margin: 0 0 0 0px;
  font-size: 12px;
}
#sidebar .pod ul { margin:0 0 0 40px; }
#sidebar .pod li { list-style-type: square; line-height: 1em; }

#sidebar .podBtm { clear:both; margin:0px; padding:0px; height:10px; background-image:url(/res/images/default/bg-faq-btm.gif); background-repeat:no-repeat; background-position:top left; }
#sidebar h4 { margin:0 0 0 19px; padding:0 19px 10px 22px; font-size:14px; background-image:url(/res/images/default/icon-arrow-faq.gif); background-repeat:no-repeat; background-position:top left; }

#sidebar .sidebar_text {margin: 0 10px 0 20px;}

.comment_content {
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  background-color: #f0f0f0;
}



div.full_container {
  width: 100%;		  
}

div.half_container {
  width: 375px;		   
}

div.login_area {
  text-align: right;
  width: 400px;
  float: right;
}

div.logo_icon {
  text-align: left;
  width: 300px;
  height: 60px;
  float: left;
}

div.footer {
  font-size: 11px;
  text-align: center;
}

div.core_pic {
  position: relative;
}
div.rate_me {
  background-color: #c0c0c0;
  opacity: 0.75;
  filter:alpha(opacity=75); /* IE's opacity*/
  position: absolute;
  height: 50px;
  margin: 10px 0px 0px 10px;
  width: 490px;
  display: none;
  top: 0;
  left: 0;
  z-index: 2;
  border: 2px solid black;
}

div.setting_box {
  width: 100%;background: #F0F0E7;margin-bottom: 20px
}

.setting_box h3  {
  font-size: 100%;margin:0;padding: 0 0 3px;background: #FFC5FF;color: #000;text-align: center
}

.setting_box table {
  margin: 5px 15px 10px 15px;
}

#forgot_password {
  color:green;
  text-decoration: none;
}

/* view - asset area */
div.thumbnail {
  float: left;
  width: 250px;
  margin: 10px 30px 10px 10px;
  padding: 3px 20px 0px 0px;
}

div#thumbnail_block {
  text-align: center;
  width: 520px;
}

div.thumbnail_caption {
  text-align: left;
  font-weight: bold;
  overflow: hidden;
}

div.pad_left_20 {
  padding: 0 0 0 20px;
}

div.pad_left_10 {
  padding: 0 0 0 10px;
}

div#icon_view {
  padding: 0 0 0 20px;
}

div#icon_view_padding {
  padding: 30px 0 0 0px;
}

/* 
 * search box 
 */
#search-box-container {
 	width: 400px;
	float: right;
	clear: both:
}

#search-box {
    float: right;
    width: 200px;
    height: 25px;
    z-index: 1;
    background: url("/res/images/default/search-box-bg.gif");
    margin: 2px 1px 0 0;
}

	

#search-box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    height: 15px;
    background: none;
    font-size: 75%;
}      

	

#search-box #go {
    float: right;
    margin: 0;
}

#search_result p {
    line-height: 1em;
    padding: 0px 0px 0px 0px;
}

#search_result h2 {
   margin: 0px 0px 0px 0px;
}

/*
 * utilities style
 */
hr.dot_hr {
  color: #dddddd; 
  background-color: #fff; 
  border: 1px dotted #dddddd; 
  border-style: none none dotted;
}

.red {
  color: red;
}

.bold {
  font-weight: bold;
}

.larger {
  font-size: 1.25em;
}

.hide {
  display: none;
}

.align_left {
  text-align: left;
}

/*
 * tag clouds 
 */
.tag_cloud1 {font-size: 1.0em;}
.tag_cloud2 {font-size: 1.2em;}
.tag_cloud3 {font-size: 1.4em;}
.tag_cloud4 {font-size: 1.6em;}
.tag_cloud5 {font-size: 1.8em;}
.tag_cloud6 {font-size: 2.0em;}

.rating_span { font-size: 3.0em; font-weight: bold; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;  background: #c0c0c0;}

div#tag_block {
   text-align: left;
}

/* 
 * tab 
 */
.tabs {list-style:none; padding:15px 0 0 10px; margin:0px 0px 0px 0; height:23px; background:#bcd url(/res/images/css/tab_e.gif); border-bottom:1px solid #000;}
.tabs li {display:block; float:left; margin:0 -13px -1px 0;}
.tabs li a {display:block; text-decoration:none;}

.tabs li a em {float:left; padding:0 20px; height:22px; border-top:1px solid #fff; border-bottom:1px solid #000; position:relative; z-index:100; font-style:normal; color:#fff; background:#f93 url(/res/images/css/tab_d.gif) repeat-x bottom left; font-size:11px; font-family:verdana; line-height:20px;}

.tabs li a b {font-size:0; line-height:0; position:relative; border-bottom:1px solid #000; border-top:1px solid #fff; width:1px; display:block; float:left; z-index:300; background:#f93 url(/res/images/css/tab_d.gif) repeat-x bottom left;}

.tabs li b.p1 {height:19px; background:#fff; margin-top:4px; border-top:0; z-index:100;}
.tabs li b.p2 {height:19px; margin-top:2px; border-top:2px solid #fff; border-bottom:1px solid #888; z-index:100;}
.tabs li b.p3 {width:2px; height:21px; margin-top:1px; z-index:100;}
.tabs li b.p5 {height:20px; margin-top:2px;}
.tabs li b.p6 {height:19px; margin-top:3px;}
.tabs li b.p7 {height:18px; margin-top:4px;}
.tabs li b.p8 {height:17px; margin-top:5px;}
.tabs li b.p9 {height:16px; margin-top:6px;}
.tabs li b.p10 {height:15px; margin-top:7px;}
.tabs li b.p11 {height:14px; margin-top:8px;}
.tabs li b.p12 {height:13px; margin-top:9px;}
.tabs li b.p13 {height:12px; margin-top:10px;}
.tabs li b.p14 {height:11px; margin-top:11px;}
.tabs li b.p15 {height:10px; margin-top:12px;}
.tabs li b.p16 {height:9px; margin-top:13px;}
.tabs li b.p17 {height:8px; margin-top:14px;}
.tabs li b.p18 {height:7px; margin-top:15px;}
.tabs li b.p19 {height:6px; margin-top:16px;}
.tabs li b.p20 {height:5px; margin-top:17px;}
.tabs li b.p21 {height:4px; margin-top:18px;}
.tabs li b.p22 {height:3px; margin-top:19px;}
.tabs li b.p23 {height:2px; margin-top:20px;}
.tabs li b.p24 {height:1px; margin-top:21px;overflow:hidden;}
.tabs li b.p25 {width:1px; height:1px; background:#fff; margin-top:22px; border-top:0; overflow:hidden;}
.tabs li b.p26 {width:1px; height:1px; background:#000; margin-top:23px; border:0; overflow:hidden;}

.tabs li em b.shdw {position:absolute; display:block; left:-4px; bottom:0; border:0; width:17px; height:17px; background: #f93 url(/res/images/css/tab_a.gif) bottom left; z-index:500;}

.tabs li a:hover,
.tabs li a:focus, 
.tabs li a:active 
{white-space:nowrap; color:#000; position:relative; z-index:500; cursor:pointer;}
.tabs li a:hover em, 
.tabs li a:focus em, 
.tabs li a:active em 
{color:#800; background:#fc8 url(/res/images/css/tab_b.gif) bottom left; border-bottom-color:#888;}
.tabs li a:hover em b.shdw,
.tabs li a:focus em b.shdw, 
.tabs li a:active em b.shdw  
{visibility:hidden;}
.tabs li a:hover b, 
.tabs li a:focus b, 
.tabs li a:active b 
{background:#fc8 url(/res/images/css/tab_b.gif) bottom left; border-bottom-color:#888;}
.tabs li a:hover b.p1, 
.tabs li a:focus b.p1, 
.tabs li a:active b.p1 
{background:#fff; border-bottom-color:#888;}
.tabs li a:hover b.p25, 
.tabs li a:focus b.p25, 
.tabs li a:active b.p25 
{background:#fff; border-bottom-color:#888;}
.tabs li a:hover b.p26, 
.tabs li a:focus b.p26, 
.tabs li a:active b.p26 
{background:#888;}

.tabs li a.selected, 
.tabs li a:hover.selected,  
.tabs li a:active.selected  
{white-space:nowrap; color:#000; position:relative; z-index:600; cursor:default;}
.tabs li a.selected em, 
.tabs li a:hover.selected em,
.tabs li a:active.selected em
{color:#800; background:#fff url(/res/images/css/tab_c.gif) bottom left; border-bottom-color:#fff;}
.tabs li a.selected em b.shdw, 
.tabs li a:hover.selected em b.shdw, 
.tabs li a:active.selected em b.shdw 
{visibility:hidden;}
.tabs li a.selected b, 
.tabs li a:hover.selected b, 
.tabs li a:active.selected b 
{background:#fff url(/res/images/css/tab_c.gif) bottom left; border-bottom-color:#fff;}
.tabs li a.selected b.p1, 
.tabs li a:hover.selected b.p1, 
.tabs li a:active.selected b.p1 
{background:#fff; border-bottom-color:#fff;}
.tabs li a.selected b.p26, 
.tabs li a:hover.selected b.p26, 
.tabs li a:active.selected b.p26 
{width:1px; height:1px; background:#fff; margin-top:23px; border-top:0; overflow:hidden;}

#menu1 {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  }
#menu1 li {
  float:left;
  width:100px;
  border:1px solid #fff; 
  }
#menu1 a {
  display:block;
  width:100px;
  color:#000; 
  background:#d4d4d4; 
  text-align:center; 
  padding:4px 0; 
  text-decoration:none; 
  float:left; 
  }
#menu1 a:hover {
  color:#fff; 
  background:#08c;
  }

/*
 * image shadow
 */
.img-shadow {
  background:transparent url(/res/images/css/shadowAlpha.png) no-repeat scroll right bottom !important;
  float:left;
  margin:10px 0pt 0pt 10px !important;
}
.img-shadow img {
  background-color:#FFFFFF;
  border:1px solid #A9A9A9;
  display:block;
  margin:-6px 6px 6px -6px;
  padding:4px;
  position:relative;
}

/*
 * table alt color
 */
tr.alt td {
  background: #ecf6fc;
}

tr.over td {
  background: #bcd4ec;
}

table.stripMe {
  width: 100%;
  border-color: #000000; 
  border: solid black; 
  border-width: 1px;
}

/*
 * rounded corner
 */
 div.uedge {
   background-color: #f9cc72;
   background-image: none;
}
div.redge {
  background-image: url(/res/images/css/redge.gif);
  background-position: top right;
  background-repeat: repeat-y;
}
div.bedge {
  background-image: url(/res/images/css/bedge.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}
div.ledge {
  background-image: none;
}
div.ulcorner {
  background-image: url(/res/images/css/tlcorner.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
div.urcorner {
  background-image: url(/res/images/css/trcorner.gif);
  background-position: top right;
  background-repeat: no-repeat;
}
div.blcorner {
  background-image: url(/res/images/css/blcorner.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}
div.brcorner {
  background-image: url(/res/images/css/brcorner.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 15px 30px 30px 15px;
}
div.innercontent {
  width: 100%;
}

input.memeo_button {
  font-weight: bold;
}

#flashMessage {
  margin: 0px 0px 20px 0px;	     
  color: red;
  font-weight: bold;
}

div.pagination {
  padding: 3px;
  margin: 3px;
}

div.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #AAAADD;
	
  text-decoration: none; /* no underline */
  color: #ff0000;
}
div.pagination a:hover, div.pagination a:active {
  border: 1px solid #ff0000;
  color: #000;
}
div.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #ff0000;	
  font-weight: bold;
  background-color: #ff0000;
  color: #FFF;
}
div.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #EEE;
  color: #DDD;
}

/* div related */
div.div_border {
  border: 1px dotted #c0c0c0;
}

.download_button {
  font-size: 20px;
  font-weight: bold;
}

#sort_options {
  font-size: 14px;
}

/* album frame */
#album_icon_block {
  position: relative;
  width: 260px;
  height: 260px;
}

#album_icon_image {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 20px;
  left: 20px;
}

#album_frame {
}

#album_top_left {
  background-image:url(/res/images/watercolor/ul.png); background-repeat:no-repeat; background-position:top left; z-index:2;
}

#album_top {
  background-image:url(/res/images/watercolor/top.png); background-repeat:repeat-x; background-position:top left; z-index:2; 
}

#album_top_right {
  background-image:url(/res/images/watercolor/ur.png); background-repeat:no-repeat; background-position:top right; z-index:2; 
}

#album_left {
  background-image:url(/res/images/watercolor/left.png); background-repeat:repeat-y; background-position:top left;  z-index:2;
}

#album_right {
  background-image:url(/res/images/watercolor/right.png); background-repeat:repeat-y; background-position:top right; z-index:2; 
}
#album_bottom_left {
  background-image:url(/res/images/watercolor/ll.png); background-repeat:no-repeat; background-position:bottom left; z-index:2; 
}

#album_bottom {
  background-image:url(/res/images/watercolor/bottom.png); background-repeat:repeat-x; background-position:bottom left; z-index:2;
}

#album_bottom_right {
  background-image:url(/res/images/watercolor/lr.png); background-repeat:no-repeat; background-position:bottom right; z-index:2; 
}

#photo_frame_top_left {
  background-image:url(/res/images/watercolor/Modern_C_TL.png); background-repeat:no-repeat; background-position:top left; 
  height: 17px;
  width: 17px;
}

#photo_frame_top {
  background-image:url(/res/images/watercolor/Modern_S_T.png); background-repeat:repeat-x; background-position:top left; 
  height: 17px;
}

#photo_frame_top_right {
  background-image:url(/res/images/watercolor/Modern_C_TR.png); background-repeat:no-repeat; background-position:top left; 
  width: 17px;
  height: 17px;
}

#photo_frame_left {
  background-image:url(/res/images/watercolor/Modern_S_L.png); background-repeat:repeat-y; background-position:top left; 
  width: 17px;
}

#photo_frame_right {
  background-image:url(/res/images/watercolor/Modern_S_R.png); background-repeat:repeat-y; background-position:top left; 
  width: 17px;
}
#photo_frame_bottom_left {
  background-image:url(/res/images/watercolor/Modern_C_BL.png); background-repeat:no-repeat; background-position:top left; 
  width: 17px;
  height: 20px;
}

#photo_frame_bottom {
  /* background-image:url(/res/images/watercolor/Modern_S_B_200.png); background-repeat:repeat-x; background-position:top left;  */
  height: 20px;
}

#photo_frame_bottom_right {
  background-image:url(/res/images/watercolor/Modern_C_BR.png); background-repeat:no-repeat; background-position:top left; 
  height: 20px;
  width: 17px;
}

#photo_icon_block {
}

#photo_icon {
  position: relative;
}

#video_play_button {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.video_play_icon {
  background-image:url(/res/images/assets/play.png); background-repeat:no-repeat; background-position: center center; 
}

#photo_star {
  position: absolute;
  top: -10px;
  left: -10px;
  height: 100%;
  width: 100%;
}
.photo_star_0 {
  background-image:url(/res/images/0star.gif); background-repeat:no-repeat; background-position:bottom right; 
}
.photo_star_1 {
  background-image:url(/res/images/1star.gif); background-repeat:no-repeat; background-position:bottom right; 
}
.photo_star_2 {
  background-image:url(/res/images/2star.gif); background-repeat:no-repeat; background-position:bottom right; 
}
.photo_star_3 {
  background-image:url(/res/images/3star.gif); background-repeat:no-repeat; background-position:bottom right; 
}
.photo_star_4 {
  background-image:url(/res/images/4star.gif); background-repeat:no-repeat; background-position:bottom right; 
}
.photo_star_5 {
  background-image:url(/res/images/5star.gif); background-repeat:no-repeat; background-position:bottom right; 
}

.news-upcoming {
  background:transparent url(/res/images/default/vote.png) no-repeat scroll 0pt;
  font-size:85%;
  left:0px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0pt;
  /* position:absolute; */
  text-align:center;
  top:3px;
  width:55px;
}
.news-upcoming2 {
  background:transparent url(/res/images/default/vote-l.png) no-repeat scroll 0pt;
  font-size:85%;
  left:0px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0pt;
  position:absolute;
  text-align:center;
  top:3px;
  width:55px;
}
.vote-publish {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:48px;padding:5px 0 6px 0}
.vote-publish a small {font-size:12px;letter-spacing:0px;text-decoration:none}
.vote-publish a:link, .vote-publish a:visited {color:#774525}
.vote-publish a:hover, .vote-publish a:active {text-decoration:none;color:#000}
.vote a:link,.vote a:visited, .vote span {display:block;padding:4px 0 5px 0;color:#774525;font-size:12px; text-decoration:none}
.vote a:hover {color:#000}
.vote span {color:#ccc;font-size:11px}