body{text-align:center;background:#9DCBE2;height:100%; margin:0; padding:5px; font-size:13px;  font-family: "Myriad Pro", sans-serif;}
#main{
position:relative;
width:1021px; 
margin:0 auto; 
height:auto !important; 
*height:100%; 
min-height:100%; 
overflow:hidden;
}


a {border:none; color:#1657B1; text-decoration:none;}
a:hover { text-decoration:underline;}
img {border:none;}


       li.thetoplink ul { display: none; }
       li.thetoplink:hover ul { display: block; }
       .thetoplink{list-style:none;list-style-type:none;}



#frog{
}

#box { background: transparent; margin:0 auto; width:1021px; } 
.gtop, .gbottom {display:block; width:1021px; background:transparent; font-size:1px;}
.gb1, .gb2, .gb3, .gb4 {display:block; overflow:hidden;}
.gb1, .gb2, .gb3 {height:1px;}
.gb2, .gb3, .gb4 {background:#E9F1FB; border-left:1px solid #757A80; border-right:1px solid #757A80;}
.gb1 {margin:0 5px; background:#757A80;}
.gb2 {margin:0 3px; border-width:0 2px;}
.gb3 {margin:0 2px;}
.gb4 {height:2px; margin:0 1px;}
.box-content { display: block; background: #E9F1FB; border: 0 solid #757A80; border-width: 0 1px; padding:5px;}

#little_box { background: transparent; margin:0 auto;  }
.lgtop, .lgbottom {display:block; width:100%; background:transparent; font-size:1px;}
.lgb1, .lgb2, .lgb3, .lgb4 {display:block; overflow:hidden;}
.lgb1, .lgb2, .lgb3 {height:1px;}
.lgb2, .lgb3, .lgb4 {background:#74AAD6; border-left:1px solid #757A80; border-right:1px solid #757A80;}
.lgb1 {margin:0 5px; background:#757A80;}
.lgb2 {margin:0 3px; border-width:0 2px;}
.lgb3 {margin:0 2px;}
.lgb4 {height:2px; margin:0 1px;}
.lbox-content { display: block; background: #74AAD6; border: 0 solid #757A80; border-width: 0 1px; padding:5px;}

#main_box { background: transparent; margin:0 auto; width:400px; z-index:0; position:relative;}
.mgtop, .mgbottom {display:block;  background:transparent; font-size:1px; z-index:0; position:relative;}
.mgb1, .mgb2, .mgb3, .mgb4 {display:block; overflow:hidden; z-index:0; position:relative;}
.mgb1, .mgb2, .mgb3 {height:1px; z-index:0; position:relative;}
.mgb2, .mgb3, .mgb4 {background:#74AAD6; border-left:1px solid #757A80; border-right:1px solid #757A80; z-index:0; position:relative;}
.mgb1 {margin:0 5px; background:#757A80; z-index:0; position:relative;}
.mgb2 {margin:0 3px; border-width:0 2px; z-index:0; position:relative;}
.mgb3 {margin:0 2px; z-index:0; position:relative;}
.mgb4 {height:2px; margin:0 1px; z-index:0; position:relative;}
.mbox-content { display: block; background: #74AAD6; border: 0 solid #757A80; border-width: 0 1px; padding:5px; z-index:0; position:relative;}

#tab_box { background: transparent; margin:0 auto; width:400px; z-index:0; position:relative;}
.tgtop, .tgbottom {display:block;  background:transparent; font-size:1px; z-index:0; position:relative;}
.tgb1, .tgb2, .tgb3, .tgb4 {display:block; overflow:hidden; z-index:0; position:relative;}
.tgb1, .tgb2, .tgb3 {height:1px; z-index:0; position:relative;}
.tgb2, .tgb3, .tgb4 {background:#AAC4E3; border-left:1px solid #757A80; border-right:1px solid #757A80; z-index:0; position:relative;}
.tgb1 {margin:0 5px; background:#757A80; z-index:0; position:relative;}
.tgb2 {margin:0 3px; border-width:0 2px; z-index:0; position:relative;}
.tgb3 {margin:0 2px; z-index:0; position:relative;}
.tgb4 {height:2px; margin:0 1px; z-index:0; position:relative;}
.tbox-content { display: block; background: #AAC4E3; border: 0 solid #757A80; border-width: 0 1px; padding:5px; z-index:0; position:relative;}


#white_box { background: transparent; margin:0 auto; width:400px; }
.wgtop, .wgbottom {display:block;  background:transparent; font-size:0; line-height:0; zoom:1;}
.wgb1, .wgb2, .wgb3, .wgb4 {display:block; overflow:hidden;zoom:1;}
.wgb1, .wgb2, .wgb3 {height:1px;}
.wgb2, .wgb3, .wgb4 {background:#FFFFFF; border-left:1px solid #757A80; border-right:1px solid #757A80;}
.wgb1 {margin:0 5px; background:#757A80;}
.wgb2 {margin:0 3px; border-width:0 2px;}
.wgb3 {margin:0 2px;}
.wgb4 {height:2px; margin:0 1px;}
.wbox-content { display: block; background: #FFFFFF; border: 0 solid #757A80; border-width: 0 1px; padding:5px;}

#sblue_box { background: transparent; margin:0 auto; width:400px; }
.bgtop, .bgbottom {display:block;  background:transparent; font-size:1px;}
.bgb1, .bgb2, .bgb3, .bgb4 {display:block; overflow:hidden;}
.bgb1, .bgb2, .bgb3 {height:1px;}
.bgb2, .bgb3, .bgb4 {background:#BDD6EA; border-left:1px solid #757A80; border-right:1px solid #757A80;}
.bgb1 {margin:0 5px; background:#757A80;}
.bgb2 {margin:0 3px; border-width:0 2px;}
.bgb3 {margin:0 2px;}
.bgb4 {height:2px; margin:0 1px;}
.bbox-content { display: block; background: #FFFFFF; border: 0 solid #757A80; border-width: 0 1px; padding:5px;}

#header{
padding-top:5px;
width:1018px;
float:left;
}


#logo{
float:left;
width:266px;
height:74px;
background:url(http://imageshack.us/yfrog/images/yfrog_logo_sharp.png) white no-repeat left top;
overflow:hidden;
}

#login{
float:left;
}


.float_right{
width:100%;
float:right;
}


#top_text{
width:100%;float:right;font-size:10px;text-align:right;padding:5px;margin-right:10px;margin-top:5px;
}
.blue_text{
color:#296fbd;
}

#search_area{
width:355px;float:left;margin-left:15px; margin-right:0px;margin-top:20px;
}

#inner_search{
text-align:left;  float:left; height:25px;width:353px; background-color:white; ;
}

*:focus {
outline: 0;
}

#searchfield{
float:left;height:20px;text-align:baseline; margin-left:0px; margin-top:1px; padding-left:10px; border:#46AFBA 0px solid;font-size:16px; width:235px;color:#B3B3B3;font-style:italic;
}
#searchbutton{
float:left;margin-left:10px; margin-top:2px;
} 

#main_big_blue{
float:left;  width:983px; margin-left:18px;z-index:0;position:relative;
}
#body_big_blue{
text-align:left;
}
.language { float:right; margin:0 0 5px 10px; }
.flag { float:left; height:12px; margin: 5px 3px 0 10px; }
.input_lang { float:left;}

/*--------------- Fake browse button--------------- */
div.fileinputs { position: relative; height: 24px;}
div.fileinputs1 { position: relative; height: 60px; margin:3px 0 0 0; }
input.file { position: relative; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; width:100%; }
div.fakefile { width:400px;; position: absolute; top: 0px; left: 0px; z-index: 3; height: 29px; }
.fakefile input { float:left;width:300px;}
.fakefile img { float:right; width:80px; height:24px;}
.relinput { margin-right:82px;}

.hidden { display: none;}
.visible { display: block;}

.frm-text { width:380px; height:20px; border:1px solid #a4c4ea; padding:1px 0; margin:0; margin-left:20px;}
textarea.frm-text { height:50px;}
textarea.frm-text1 { height:36px;}
textarea.big { height:60px;}
.simbols-count { float:right; margin-right:0.5em; color:#a4c4ea; font:bold 20px/20px "Trebuchet MS", Helvetica, sans-serif;}

/*--------------- Error message styles --------------- */
.error {position:relative;height:19px;}
.error_txt { color:#990000; font:bold 11px/16px Arial, Helvetica, sans-serif; }

/*---------------Styles for elements in Share form--------------- */
.secure { float:right; padding:0; font-size:10px; margin: 0 0 10px 0; }
.secure div { margin-top:2px; float:left; }
.auth_txt { font:normal 12px Arial, Helvetica, sans-serif;  color:#666; margin:5px 0 5px 0; }
.auth_txt span { font:italic 12px Arial, Helvetica, sans-serif;  color:#6fa4da; }
a.follow-me { display:block; margin:10px 0 0 0; font-size:12px;}

/*-------------------------------actions-------------------------------*/
.action-div
{
    position:relative;      
}

#action-share
{
    position:absolute;
    top:360px;
    left:330px;
    display:none;
    width:400px;
    border: 1px #ccc solid; 
    z-index: 1000
}

#action-save
{
    position:absolute;
    top:350px;
    left:205px;
    display:none;
    background-color:#bbdae6;
    width:235px;
    height:135px;       
}
/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
.twittername{
  width:100%;  float:left; 
  font-weight:bold;
  margin-bottom:10px;
  font-size:16px;
  text-decoration:none;
}
.twittertweet
{
  font-size:16px;
  position:relative;
}
.twittertweet .indent { background:white; padding:5px 5px 5px 10px; min-height:55px; overflow:hidden;}
* html .twittertweet .indent { height:55px; zoom:1;}

/*----------------------------------------------------------*/

/*---------------------------Comments---------------------------------*/
#Comments {  }
.comment {   background-color:#FFF; margin:0px auto; padding:0px 0; width:100%; height:1.2em; color:#0776a0; font-size:14px; }
.comment-box { margin:0 auto; clear:both;}
.insider { margin: 0 0 0 30px; }
.comment-open, .comment-closed{ float:left; margin:-1.5em 0.2em 0.2em 0.2em;}
.comment-open a, .comment-closed a{ text-decoration:none; color:#0776a0; font-size:12px;}
.comment-date { text-align:right; color:#999; margin-bottom:10px;}
.center-txt { text-align:center; }
.left-txt { text-align:left; width:100%; height:5em; border:1px solid #C7C7C7; color:#000;margin-top:0px;}
.comment-icon { float:left; margin-right:10px; width:50px;}
.comment-icon img {width:50px;}
.comment-wrote { float:left; color:#333;}
.comment-text { color:#25476a; font:normal 14px/16px Arial, Helvetica, sans-serif; line-height:150%;  margin:0px 0 10px 60px; background-color:#FFF; padding:0.5em; }
.comment-actions { text-align:right; color:#0776a0; clear:left;}
.comment-error { display:none; margin: 5px auto; color:#f30; }
.comment-edit { display:none;  background-color:#FFF; padding:1em; }

#Comments h3 { margin:0em 0 0.5em 0; padding:0; color:#9f9886; font:bold 20px Arial, Helvetica, sans-serif; text-align:left;}
#Comments h4 { margin:1em 0 0.1em 0; padding:0; color:#000; font:bold 14px Arial, Helvetica, sans-serif; text-align:left;}
#Comments span, #comments_rss span {color:#1657B1; font-style:normal; }
.thumb-cmnt { display:block; float:left; margin:5px;}

/*-------------------------Post a Comment---------------------------------*/
.account-details { margin:0.5em 0.5em 0.5em 2em; }
.account-details input.text, .account-details input.password { width: 150px; }
.comment-edit { padding:15px 20px 0px 70px;}
.msg-from { color:#333; margin:0.5em 0.5em 0.7em 4em; }
.post-buttons {text-align:center; margin:0px 0 0 0; float:right;}
.post-buttons .btn-post { font-size:14px; border:1px solid #0776a0; background-color:#bbdae6; color:#25476a; text-decoration:none; padding:2px 20px; margin:0 20px 0 0; text-align:center; }
.simbols-count { float:right; color:#A4A4A4; font:bold 15px/15px "Trebuchet MS", Helvetica, sans-serif;}
.explanation { color:#a299a2; margin-left:60px;}
.openID { margin:0.5em 0.5em 0.5em 2em; }
.captcha { border:1px solid #999; background-color:#dcdbdb; float:left; margin:0.5em 0em 2em 5em; }
.captcha img { float:left; margin:0 auto; }
.captcha div { padding:0.4em 0.5em 0em 0.5em; float:left; clear:left; color:#666; text-align:left; }
.re-try { padding:5px 3px 0 3px; }
.captcha input { width:100px; float:left; margin:3px 0 0 0; }
.browse {border: 1px #96d0e6 solid; color:#0776a0; background-color:#FFF; margin:3px 10px 10px 60px; padding:5px 0; width:80%; height: 25px; font-size:14px;}
.comments_add_media label{color:#333; margin:0 0 0 5em;}
#loader { background:transparent url(/images/ajax-small-loader.gif) no-repeat scroll 0 0; float:right; height:16px; margin-right:3px; margin-top:7px; width:16px;}


/* STAR RATING */
.star-rating{
    list-style:none;
    margin-left:5px;
    margin-top:-2px;
    padding:0px;
    width: 125px;
    height: 25px;
    position: relative;
    background: url(/images/blue/stars.gif) top left repeat-x;
}
.star-rating li{
    padding:0px;
    margin:0px;
    float: left;
}
.star-rating li div{
    display:block;
    width:12px;
    height: 25px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li div:hover{
    background: url(/images/blue/stars.gif) left bottom;
    z-index: 2;
    left: 0px;
}
.star-rating div.rate1{
    left: 0px;
}
.star-rating div.rate1:hover{
    width:12px;
}
.star-rating div.rate2{
    left: 12px;
}
.star-rating div.rate2:hover{
    width:25px;
}
.star-rating div.rate3{
    left: 25px;
}
.star-rating div.rate3:hover{
    width:37px;
}
.star-rating div.rate4{
    left:37px;
}
.star-rating div.rate4:hover{
    width: 50px;
}
.star-rating div.rate5{
    left:50px;
}
.star-rating div.rate5:hover{
    width: 62px;
}
.star-rating div.rate6{
    left: 62px;
}
.star-rating div.rate6:hover{
    width: 75px;
}
.star-rating div.rate7{
    left: 75px;
}
.star-rating div.rate7:hover{
    width: 87px;
}   
.star-rating div.rate8{
    left: 87px;
}
.star-rating div.rate8:hover{
    width: 100px;
}
.star-rating div.rate9{
    left: 100px;
}
.star-rating div.rate9:hover{
    width: 112px;
}
.star-rating div.rate10{
    left: 112px;
}
.star-rating div.rate10:hover{
    width: 125px;
}
.star-rating li.current-rating{
    background: url(/images/blue/stars.gif) left center;
    position: absolute;
    top:0;
    left:0;
    height: 25px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

#rating
{
position:relative;
}

.rating-message
{
    position:absolute;
    top:7px;
    left:150px;
    font-size:12px;
    color:#666;
}

/* Login dialog */
#login_dialog .error
{
    margin: 5px auto;
    color:#f30;
}


.top-menu 
{
    list-style:none;
    list-style-type:none;
    margin:0;
    padding:0;
}
.top-menu li
{
    background: url(/images/top-menu-bkg.gif);
    width: 131px;
    height:22px;
    border: 0;
    float:left;
    text-align:center;
    line-height: 23px;
}

.top-menu li a, .top-menu li a:hover
{
    font-decoration: none;
    font-weight: bold;
    color: #424242;
}





.twittersection {  position:relative; margin:5px 0;overflow:hidden; padding-left:70px; min-height:48px;width:589px;}
.twitterimage { position:absolute; left:0;}
.twitterarrow { position:absolute; left:61px; top:8px; z-index:3;}
.twitterarrow { background:transparent url(/images/arr2.gif) no-repeat scroll right top; height:22px; width:12px;}


.accordionheader
{
    width:280px;
    float:left;
    height:15px;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    color: #1657B1;
    background: #BDD6EA url(http://imageshack.us/images/new_right_arrow.png) no-repeat 5px center;
    padding: 4px 0px 5px 20px;
}

.activeaccordion
{
    background: #BDD6EA url(http://imageshack.us/images/new_down_arrow.png) no-repeat 5px center;
}

.addcommentheader
{
    width:280px;
    float:left;
    height:15px;
    font-size:14px;
    font-weight:bold;
    color: #1657B1;
    padding: 4px 0px 5px 10px;
}

.usericon
{
    width: 25px;
    height: 25px;
    background:  url(/yfrog/images/default_avatar.png)  no-repeat center;
    display: block;
}