@import url(reset.css);
@import url(thickbox.css);
@import url(modal.css);

*,html
{    
    outline:none;
}

body
{
	background:url(../images/v2/grassTile.jpg);
	font-family:Verdana;
	font-size:10px;
	color:#ffffff;
}

strong{font-weight:bold;}
img{border:0;}
.bl{display:block;}
.fl{float:left;}
.fr{float:right;}
.cp{cursor:pointer;}
a.stretch{width:100%;height:100%;display:block;}
.hide{display:none;}
.ac{text-align:center;}
.oh{overflow:hidden;}

#wrapper
{
    width:100%;    
    text-align:center;
    background:url(../images/v2/topTile.jpg) repeat-x;
}

#top
{
    height:139px;
    background:url(../images/v2/top.jpg) no-repeat center top;
    overflow:hidden;
    
}

#topcontent
{
    width:940px;
    height:139px;
    margin:0 auto;    
    position:relative;
    z-index:10;
}

#topcontent a.logo
{
    width:200px;
    height:80px;
    display:block;
    float:left;
    margin:22px 0 0 22px;
}

#holder
{
    width:1000px;
    margin:0 auto; 
    text-align:center; 
}

#navigation-holder
{
    width:962px;
    height:58px;
    margin:0 auto;
    position:relative;
    z-index:10;
    left:6px;
    top:-16px;
}

#content
{
    width:940px;   
    position:relative;
    z-index:11;
    overflow:hidden;
}

#content.main
{
    width:948px;   
    margin:6px auto;
    left:4px;
}

#content .half
{
    width:470px;   
    position:relative;
    z-index:11;
    float:left;
    overflow:hidden;
}

#content .half.up
{
    z-index:12;    
}

#content #newsflash-holder
{
    width:471px;
    height:399px;
    padding:5px 0 0 1px;
    overflow:hidden;
    float:left;
}

#content #movieplayer-holder
{
    width:470px;
    height:225px;
    padding:0;
    overflow:hidden;
    float:left;
    margin:5px 0 0 0;
}

#content #toyiki-holder
{
    width:472px;
    height:91px;
    padding:0;
    overflow:hidden;
    float:left;
}

#content #slideshow-holder
{
    width:465px;
    height:221px;
    overflow:hidden;
    float:left;
    position:relative;
    z-index:999;
    padding:0 4px 0 0;
}

#content .banner
{
    width:234px;
    height:180px;
    overflow:hidden;
    float:left; 
}

#content #masal-holder
{
    width:228px;
    height:217px;
    padding:0 4px 2px 4px;
    float:left;
    overflow:hidden;    
}

#content .pushtop
{
    position:relative;
    top:-9px;
    z-index:1;
}

#bfoot
{
	height:1px;
	overflow:hidden;
	clear:both;	
}

/**************************
MAIN PAGE BLOCKS
**************************/

/*lang.css
#content #history
{
    width:466px;
    height:89px;
    overflow:hidden;
    float:left;
    background:transparent url(../images/v2/banner/history.png) no-repeat;
    text-align:left;
}
*/

#content #history .l
{
    width:100px;
    padding:10px 5px 6px 10px;
    height:73px;
    float:left;
}

#content #history .l p
{
    height:50px;
}

#content #history .l span
{
    height:20px;
    display:block; 
}

#content #history .r
{
    width:339px;
    height:54px;
    padding:35px 5px 0 5px;
    float:left;
    font-size:1.1em;
    line-height:1.2em;
    letter-spacing:-0.01em;
}

/*lang.css
#content #infospot
{
    width:474px;
    height:98px;
    overflow:hidden;
    float:left;
    background:transparent url(../images/v2/banner/365.png) no-repeat;
    text-align:left;
    position:relative;
    z-index:100;
}
*/

#content #infospot .l
{
    width:77px;
    padding:53px 15px 0 24px;    
    float:left;
}

#content #infospot .l span
{
    width:25px;
    height:25px;
    overflow:hidden;
    display:block;
    float:left;
}

#content #infospot .r
{
    width:336px;
    height:54px;
    padding:35px 17px 9px 5px;
    float:left;
    font-size:1.1em;
    line-height:1.2em;
    letter-spacing:-0.01em;
}

/*lang.css
#content #discover
{
    width:464px;
    height:115px;
    overflow:hidden;
    float:left;
    padding:55px 0 10px 8px;
    background:transparent url(../images/v2/banner/discover_make.png) no-repeat;
}
*/

#content #discover .h
{
    width:215px;
    float:left;
    padding-top:55px;
    overflow:hidden;
}

#content #discover .h.right
{
    width:215px;
    float:left;
    margin-left:18px;
}

#content #discover a
{
    width:215px;
    height:26px;
    display:block;
    margin-bottom:2px;
}

#content #discover .h.right.news
{
    padding-top:0;    
    text-align:left;    
}

#content #discover .h.right.news .paging
{
    text-align:right;
    height:50px;
    line-height:50px;    
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    margin:0 5px 0 0;
}

#content #discover .h.right.news .paging a
{
    display:inline;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;    
}

#content #discover .h.right.news .paging a:hover, #content #discover .h.right.news .paging a.selected
{
    text-decoration:underline;
    color:#da4818;
}

#content #discover .h.right.news p
{
    color:#88450c;
    line-height:1.2em;
    
}

#content #discover .h.right.news p.continue
{
    padding:10px 5px 0 0;
    text-align:right;
}

#content #discover .h.right.news p span.title
{
    font-weight:bold;
    color:#da4818;
    display:block;
    margin:0 0 5px 0;
}

#content #discover .h.right.news p a
{
    color:#da4818;
    text-decoration:underline;
    display:inline;
}

#content #discover .h.right.news p a:hover
{
    color:#ffffff;    
}

#content #discover a.tall
{
    height:30px;    
}

#content #pony-holder
{
    width:234px;
    height:225px;
    float:left;
    overflow:hidden;    
}

#content #ogreneglen
{
    width:428px;
    height:391px;
    padding:57px 20px 0 20px;
    overflow:hidden;
    background:transparent url(../images/v2/banner/ogrenirken_eglen.png) no-repeat left top;    
    text-align:left;
}

#content #ogreneglen ul.tabs, div.contentbox div.t ul.tabs
{
    overflow:hidden;    
}

#content #ogreneglen ul.tabs li, div.contentbox div.t ul.tabs li
{
    float:left;
    width:85px;
    height:30px;
    line-height:30px;
    overflow:hidden;
}

#content #ogreneglen ul.tabs li a, div.contentbox div.t ul.tabs li a
{
    display:block;
    width:85px;
    height:30px;
    background:transparent url(../images/v2/tab.png) no-repeat left top;    
    font-size:1.1em;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    text-align:center;    
}

#content #ogreneglen ul.tabs li a:hover, #content #ogreneglen ul.tabs li a.selected, div.contentbox div.t ul.tabs li a:hover, div.contentbox div.t ul.tabs li a.selected
{
    background:transparent url(../images/v2/tab.png) no-repeat left bottom;    
    color:#423218;
}

#content #ogreneglen h1
{
    font-size:1.3em;
    font-weight:bold;
    color:#ffffff;
    margin:10px 0;
}

#content #ogreneglen h2
{
    font-size:1.1em;
    font-weight:bold;
    color:#ffffff;
    margin:5px 0;
    clear:both;
}

#content #ogreneglen p
{
    font-size:1.1em;
    color:#ffffff;
    line-height:1.5em;
}

#content #ogreneglen ul.list li
{
    font-size:1.1em;
    color:#ffffff;
    line-height:1.5em;
    list-style-type:disc;
    margin:0 0 0 13px;
}



#content #ogreneglen a.devam
{
    background:transparent url(../images/v2/static/yazinin_devami.png) no-repeat left bottom;    
    width:141px;
    height:30px;
    display:block;
    margin:5px 0;
}

#content #anket
{
    width:204px;
    height:138px;
    padding:42px 10px 0 20px;
    background:transparent url(../images/v2/banner/anket.png) no-repeat;
    float:left;    
    text-align:left;
    font-size:1.1em; 
    line-height:1.2em; 
    
}

#content #anket p
{
    margin:0 0 5px 0;
}

#content #anket ul
{    
    overflow:hidden;    
}

#content #anket ul li
{
    width:23px;
    height:23px;
    float:left;
    line-height:23px;
}

#content #anket ul li.label
{
    width:80px;    
    margin:0 0 0 7px;
}

#content #anket ul li.percentbar
{
    width:189px;  
    height:19px;  
    margin:2px 0;    
    background:#808c1e;
}

#content #anket ul li.percentbar div
{
    width:184px;
    height:19px;
    background:url(../images/v2/percentage_bar.gif) no-repeat;
    line-height:19px;
    color:#ffffff;
    font-weight:bold;
    padding:0 0 0 5px;
}

#content #anket div.submit
{
    width:70px;
    height:30px;
    background:transparent url(../images/v2/form/submit_anket.png) no-repeat;
    float:right;    
    position:relative;
    top:-25px;
}

div.radiobutton.anket
{
    width:23px;
    height:23px;
    overflow:hidden;
    background:transparent url(../images/v2/form/checkbox_anket.png) no-repeat center top;
    cursor:pointer;
    text-indent:-9999px;
}

div.radiobutton.anket.checked
{
    background:transparent url(../images/v2/form/checkbox_anket.png) no-repeat center bottom;
}

div.radiobutton.anket input[type=radio]
{
    position:absolute;
    top:-4000px;
    left:-4000px;    
}

/*lang.css
#content #members
{
    width:920px;
    height:124px;
    padding:46px 0 0 18px;
    background:transparent url(../images/v2/members.png) no-repeat;
    margin:0 auto;
    float:left;    
    position:relative;
    top:-9px;
    z-index:1;
}
*/

#content #members div.le
{
    width:700px;
    height:120px;
    float:left;
    overflow:hidden;
    margin:4px 0 0 0;
    position:relative;
    z-index:2;
}

#content #members div.le div.avatars
{
    width:700px;
    height:60px;
    overflow:hidden;
    position:relative;
    
}

#content #members div.le div.avatars div.items
{
    width:1400px;
    height:60px;
    position:relative;    
    
}

#content #members div.le div.avatars div.items a.avatar-container
{
    width:60px;
    height:60px;
    margin:0 10px 0 0;
    float:left;
    overflow:hidden;
    display:block;
    background:url(../images/v2/avatar_container.gif) no-repeat left top;
    cursor:pointer;
}

#content #members div.le div.avatars div.items a.avatar-container:hover
{
    background-position:left bottom;
}

#content #members div.le div.avatars div.items a.avatar-container span
{
    display:block;
    width:60px;
    height:60px;
    overflow:hidden;    
}

span.avatarInfo
{
    display:none;
}

#avatar-tooltip
{
    width:149px;
    height:34px;
    background:transparent url(../images/v2/tooltip.png) no-repeat;    
    position:absolute;
    z-index:1000;
    display:none;
    color:#5b4521;
    text-align:left;
    padding:10px 15px;
    line-height:1em;
    font-weight:bold;
}

#avatar-tooltip a
{
    text-decoration:underline;
    color:#5b4521;
    font-weight:normal;
}

#content #members div.ri
{
    width:220px;
    float:left;
    text-align:left;
}

/***********
SELECT TEST
***********/

#content #members div.ri, #content #members div.ri .select-container, .select, .select .act, .select .options
{
    position:relative;	
}

#content #members div.ri .select-container
{
    width:200px;
    height:32px;
    text-align:left;
    margin:0 0 5px 0;
    font-size:1.1em;
}

.select
{
    width:200px;
    height:32px;
    z-index:10;
}

.select .act
{
	width:200px;
    height:32px;
    z-index:10;
    overflow:hidden;
}

.select .act .selected
{
	display:block;
    width:144px;
    height:32px;
    padding:0 10px;
    float:left;
    background:transparent url(../images/v2/form/select_l.png) no-repeat left top;
    line-height:32px;
    color:#899819;
    font-weight:bold;
    text-decoration:none;
}

.act .button
{
	display:block;
    width:36px;
    height:32px;
    background:transparent url(../images/v2/form/select_r.png) no-repeat;
    float:left;
}

.options
{
    width:190px;
    height:147px;
    background:transparent url(../images/v2/form/select_o.png) no-repeat;
    z-index:10;
    padding:5px 0 5px 10px;
    overflow:auto;
    	
}

.options a
{
	display:block;
	width:160px;
    height:20px;
    line-height:20px;
    color:#899819;
    font-weight:bold;
    text-decoration:none;
}

.options a:hover
{
	background:#899819;
	color:#ffffff;
}


/**************************
CONTENT BOX
***************************/

div.contentbox
{
    width:940px;
    overflow:hidden;
    text-align:left;   
    font-size:10px;
}

/*lang.css
div.contentbox div.h
{
    height:50px;
    line-height:50px;
    background:transparent url(../images/v2/contentbox_top_h1.png) no-repeat;    
}
*/

div.contentbox div.h h1
{
    height:50px;
    line-height:50px;
    padding:0 0 0 40px;
    margin:0 0 0 16px;
    font-size:1.5em;
    font-weight:bold;
    float:left;
    
}

div.contentbox div.h h1.watch
{
    background:url(../images/v2/icon/h1_watch.png) no-repeat left 10px;
}

div.contentbox div.h h1.play
{
    background:url(../images/v2/icon/h1_play.png) no-repeat left 10px;
}

div.contentbox div.h h1.make
{
    background:url(../images/v2/icon/h1_make.png) no-repeat left 10px;
}

div.contentbox div.h h1.discover
{
    background:url(../images/v2/icon/h1_discover.png) no-repeat left 10px;
}

div.contentbox div.h h1.download
{
    background:url(../images/v2/icon/h1_download.png) no-repeat left 10px;
}

div.contentbox div.h h1.gallery
{
    background:url(../images/v2/icon/h1_gallery.png) no-repeat left 10px;
}

div.contentbox div.h a
{
    width:195px;
    height:38px;
    margin:6px 8px 6px 0;
    display:block;
    float:right;
    
}

div.contentbox div.t
{
    padding:0 20px;
    background:transparent url(../images/v2/contentbox_tile.png) repeat-y;    
    overflow:hidden;
}

div.contentbox div.t ul.tabs
{
    width:754px;
    overflow:hidden;
    margin:0 auto 25px auto;
    padding:0 0 0 4px;
}

div.contentbox div.t h2
{
    background:transparent url(../images/v2/static/header_orange.gif) no-repeat !important;
    width:741px;
    height:38px;
    margin:0 auto;
    line-height:38px;
    padding:0 0 0 13px;    
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
    overflow:hidden;
}

div.contentbox div.t h2.short
{
    background:transparent url(../images/v2/static/header_orange_short.gif) no-repeat !important;
    width:605px;
    height:38px;
    margin:0 auto;
    line-height:38px;
    padding:0 0 0 13px;    
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
    overflow:hidden;
}

div.contentbox div.t h2.mid
{
    background:transparent url(../images/v2/static/header_orange_mid.gif) no-repeat !important;
    width:628px;
    height:38px;
    margin:0 auto;
    line-height:38px;
    padding:0 0 0 13px;    
    font-size:1.3em;
    font-weight:bold;
    color:#ffffff;
    overflow:hidden;
}

div.contentbox div.f
{
    height:40px;
    background:transparent url(../images/v2/contentbox_bottom.png) no-repeat;    
}


/**************************
FOOTER
***************************/

#footer
{
    width:901px;
    height:41px;
    overflow:hidden;
    clear:both;
    margin:0 auto;
    padding:3px 8px 0 27px;
    background:transparent url(../images/v2/footer.png) no-repeat;
    
}

#footer a, #footer span
{
    display:block;
    color:#e1e7a4;
    font-size:1em;
    font-weight:bold;
    height:41px;
    line-height:41px;
    text-decoration:none;
}

#footer span
{
    color:#b9d311;      
    padding:0 8px;
}


#footer a:hover
{
    color:#b9d311;    
}

#footer a.tt
{
    width:61px;
    height:31px;
    float:right;    
    margin:4px 0 0 20px;
}

/**************************
APPLICATIONS
***************************/

div#benneisyapiyorum-holder, div#baloncuk-holder,div#benneisyapiyorum-holder, div#uzay-holder, div#sekerev-holder, div#kitapkulesi-holder, div#evdenaramademo-holder
{
    width:845px;
    height:580px;
    margin:0 auto;    
}

div#iletisimtarihi-holder
{
    width:836px;
    height:505px;
    margin:0 auto;    
}

div#boyama-holder
{
    width:847px;
    height:545px;
    margin:0 auto;    
}

div#misket-holder
{
    width:860px;
    height:500px;
    margin:0 auto;    
}

div#carpanbalik-holder
{
    width:850px;
    height:611px;
    margin:0 auto;    
}

div#animalfriends-holder
{
    width:835px;
    height:485px;
    margin:0 auto;    
}

div#hafizaniguclendir-holder
{
    width:842px;
    height:460px;
    margin:0 auto;    
}

div#habitat-holder
{
    width:841px;
    height:532px;
    margin:0 auto;    
}

div#iletisimmuzesi-holder
{
    width:779px;
    height:561px;
    margin:0 auto;
}

div#sozcukmatik-holder
{
    width:850px;
    height:550px;
    margin:0 auto;    
}

div#dunyamizitaniyalim-holder
{
    width:837px;
    height:560px;
    margin:0 auto;    
}

div#saskinpilot-holder
{
    width:844px;
    height:550px;
    margin:0 auto;    
}

div#bayrakbilmece-holder
{
    width:850px;
    height:550px;
    margin:0 auto;    
}

div#sorular-holder
{
    width:837px;
    height:553px;
    margin:0 auto;    
}

div#muzeslide-holder
{
    width:623px;
    height:215px;
    margin:0 auto;    
}


/***************************
STATIC PAGE V2
**************************/
div.scontent
{
    width:641px;
    overflow:hidden;
    margin:0 auto;    
}

div.scontent.wide
{
    width:754px;
    overflow:hidden;
    margin:0 auto;    
}

div.scontent.ogreneglen
{
    width:747px;
    overflow:hidden;
    margin:0 auto;    
}

div.scontent .imgtop
{
    width:641px;
    height:204px;
    margin:10px auto;    
}

div.scontent.wide .imgtop
{
    width:754px;
    height:212px;
    margin:10px auto;    
}

div.scontent h2
{
    font-size:1.7em;
    line-height:1em;
    color:#f76f23;
    font-weight:bold;
    margin:35px 0 20px 5px;
    
}

div.scontent h2.nomargin
{
    margin-bottom:0;    
}

div.scontent h1.blue
{
    background:transparent url(../images/v2/static/header_blue.jpg) no-repeat !important;
    width:741px;
    height:38px;
    margin:0 auto;
    line-height:38px;
    padding:0 0 0 13px;    
    font-size:1.4em;
    font-weight:bold;
    color:#137a8e;
    overflow:hidden;
    
}

div.scontent h3
{
    font-size:1.4em;
    line-height:1em;
    color:#f76f23;
    font-weight:bold;
    margin:0 0 25px 5px;
}

div.scontent.wide h3
{
    font-size:1.4em;
    line-height:1em;
    color:#f0be2b;
    font-weight:bold;
    margin:15px 0 15px 5px;
}

div.scontent h3 a
{
    color:#f76f23;
    text-decoration:none;
}

div.scontent h3 a:hover
{
    text-decoration:underline;    
}

div.scontent h4
{
    font-size:1.7em;
    line-height:1em;
    color:#e47821;
    font-weight:bold;    
    margin:0 0 0 5px;
}

div.scontent h4.vitamin
{
    font-size:1.3em;
    line-height:1em;
    color:#f0be2b;
    font-weight:bold;    
    margin:0 0 0 5px;
}

div.scontent h4.margin
{
    margin-bottom:10px;    
}

div.scontent h5
{
    font-size:1.4em;
    line-height:1em;
    color:#e47821;
    font-weight:bold;    
    margin:0 0 10px 5px;
}

div.scontent ul
{
    margin:0 0 10px 0;
}

div.scontent ul li
{
    font-size:1.1em;
    line-height:1.5em;
    color:#808080;
    margin:0 0 0 3px;
    padding:0 0 0 20px;
    background:url(../images/v2/static/bullet.gif) no-repeat left 3px;
}


div.scontent p
{
    font-size:1.1em;
    line-height:1.5em;
    color:#808080;
    margin:10px 0;
    margin-left:5px;
}



div.scontent.wide p
{
    font-size:1.1em;
    line-height:1.6em;
    color:#808080;
    margin:20px 0;
    margin-left:5px;
}

div.scontent.wide p.vitamin
{
    font-size:1.1em;
    line-height:1.5em;
    color:#808080;
    margin:3px 0 5px 0;
    margin-left:5px;
}

div.scontent.wide p.vitamin a
{
    text-decoration:underline;    
}

div.scontent.wide p.vitamin a:hover
{
    color:#F0BE2B;
}

div.scontent.wide hr
{
    border:solid 1px #f0be2b;
    border-width:1px 0 0 0;
    display:block;
    margin:10px 0;
}

div.scontent p a
{
    text-decoration:none;
    color:#808080;
}

div.scontent p a:hover
{
    text-decoration:underline;    
}

div.scontent p.margin
{
    margin-bottom:40px;    
}

div.scontent .imgblock
{
    width:300px;
    overflow:hidden;
    float:left;
}

div.scontent .imgblock img
{
    display:block;
    margin:15px 0 60px 0;
}

div.scontent .textblock
{
    width:341px;
    overflow:hidden;
    float:left;
}

div.scontent .subnote
{
    font-size:1em;
    line-height:1em;
    color:#40291c;
    margin:20px 0;
}

div.scontent .subnote a
{
    font-size:0.9em;
    line-height:1.1em;
    color:#40291c;
    font-weight:bold;
    text-decoration:none;
}

div.scontent .subnote a:hover
{
    color:#8c4e37;
}

div.scontent .subnote ul
{
    clear:both;
    margin-left:5px;
}

div.scontent .subnote ul li
{
    float:left;
    font-size:0.9em;
    line-height:1em;
    color:#40291c;
}

div.scontent .subnote ul li.label
{
    width:60px;    
}

div.scontent div.state
{
    width:747px;    
    margin:0 0 5px 0;
}

div.scontent div.stateLight
{
    width:747px;    
    margin:0 0 5px 0;
}

div.scontent div.state .t
{
    background:url(../images/v2/static/state_orange.gif) no-repeat center top;
    height:6px;
}

div.scontent div.stateLight .t
{
    background:url(../images/v2/static/state_orange_light.gif) no-repeat center top;
    height:6px;
}

div.scontent div.state .txt
{
    background:url(../images/v2/static/arrow_orange.gif) no-repeat 5px center;
    overflow:hidden;
    border:solid 1px #f2d0b5;
    border-width:0 1px;
    padding:0 15px 0 30px;
}

div.scontent div.stateLight .txt
{    
    overflow:hidden;
    border:solid 1px #f6e6ba;
    border-width:0 1px;
}

div.scontent div.stateLight .txt .tableCell
{    
    overflow:hidden;
    height:108px;
    display:table-cell;
    vertical-align:middle;
}

div.scontent div.stateLight .txt .tableCell img
{
    float:left;
    margin:0 10px;    
}


div.scontent div.state h3
{
    margin:5px 0 10px 5px;
}

div.scontent div.stateLight p.title
{
    font-size:1.2em;
    color:#959595;
    font-weight:bold;
    margin:10px 0 0 5px;
}

div.scontent div.state p
{
    margin-top:5px;
}

div.scontent div.state .b
{
    background:url(../images/v2/static/state_orange.gif) no-repeat center bottom;
    height:6px;
}

div.scontent div.stateLight .b
{
    background:url(../images/v2/static/state_orange_light.gif) no-repeat center bottom;
    height:6px;
}





/**************************
MIDDLE BLOCK
***************************/

#middle-block
{
    width:800px;
    overflow:hidden;
    margin:5px auto 0 auto;
    text-align:center;
}

#middle-block .top
{
    background:transparent url(../images/middle_block_border.png) no-repeat 0px 0px;    
    height:167px;
}

#middle-block .bottom
{
    background:transparent url(../images/middle_block_border.png) no-repeat 0px -167px;    
    height:167px;
}

#middle-block .tile
{
    background:transparent url(../images/middle_block_tile.png) repeat-y;  
    position:relative;
    /*height:300px;*/
}

#middle-block .tile .content
{
   width:756px;
   overflow:hidden;
   margin:0 auto; 
   text-align:left;
   position:relative;
   top:-144px;
   margin-bottom:-144px;
}

#middle-block .tile .content .l
{
    width:201px;
    overflow:hidden;
    float:left;
    /*background:yellow;*/
    /*height:300px;*/
}

#middle-block .tile .content .c
{
    width:395px;
    overflow:hidden;
    float:left;
    /*background:green;*/
    /*height:300px;*/
}

#middle-block .tile .content .c h1
{
    height:33px;
}

#middle-block .tile .content .r
{
    width:160px;
    overflow:hidden;
    float:left;
    /*background:yellow;*/
    /*height:300px;*/
}

/**************************
PROFILE / EDIT PROFILE
***************************/

#profile p, #editprofile p
{
    line-height:17px;    
}

#profile a, #editprofile a
{
    color:#8c9c19;
}

#profile .l ul li, #editprofile .l ul li
{
    padding:4px 0;    
}

#profile .l ul li.avatar, #editprofile .l ul li.avatar
{
    padding:0 0 11px 0;    
}

#profile .c ul
{
    height:47px;
    overflow:hidden;
    background:url(../images/ul_border.gif) no-repeat center bottom;    
}

#profile .c ul li
{
    width:269px;
    height:47px;
    line-height:47px;
    float:left;    
    color:#484137;
    font-size:1.1em;
}

#profile .c ul.loose,  #profile .c ul.loose li
{
    height:auto;
}

#profile .c ul li.label
{
    width:125px;
}

#profile .c ul li.label label
{
    display:block;
    width:125px;
    height:47px;
}

#profile .c ul.nation
{
    background:none;    
    padding:13px 0 0 11px;
}

#profile .c ul.nation li.flag
{
    width:114px;
}

/**************************
APPLICATION
***************************/

#application
{
    width:400px;
    margin:0 auto;    
}

#application .tou
{
    margin-top:25px;
}

/*****************************
FRIEND REQUEST
***************/
div.requestbox
{
    width:445px;
    height:177px;
    background:transparent url(../images/v2/request_box.png) no-repeat;
    margin:0 auto;
    padding:9px;    
    overflow:hidden;
}

div.requestbox .av-holder
{
    width:185px;
    height:178px;
    float:left;
    overflow:hidden;
}

div.requestbox .txt
{
    width:250px;
    height:177px;
    float:left;
    overflow:hidden;
    color:#8f9b23;
    font-size:1.1em;
    text-align:left;
    margin:0 0 0 10px;
}

div.requestbox p
{
    margin-top:60px;    
}

div.requestbox .txt a
{
    color:#8f9b23;
    font-weight:bold;
    text-decoration:none;    
}

/**************************
EDIT PROFILE
***************************/

#editprofile .c .errorholder
{
    margin:0 0 21px 0;
}

#editprofile .c .errorholder p
{
    line-height:16px;    
    background:transparent url(../images/bullet.png) no-repeat;
    padding:0 0 0 16px;
    color:#ffba09;
}

#editprofile .c ul
{
    height:40px;
    overflow:hidden;
    margin:1px 0;
}

#editprofile .c ul.error
{
    background:transparent url(../images/form/field_error_short.png) no-repeat;    
}

#editprofile .c ul.tall.error
{
    background:transparent url(../images/form/field_error_short_tall.png) no-repeat;    
}

#editprofile .c ul li
{
    width:269px;
    height:40px;
    line-height:40px;
    float:left;    
}

#editprofile .c ul.loose,  #modal-register ul.loose li
{
    height:auto;
}

#editprofile .c ul.loose.margin
{
    margin:15px 0 0 0;
}

#editprofile .c ul li.check
{
    width:49px;
    height:45px;
    padding:0 0 0 6px;
}

#editprofile .c ul li.label
{
    width:125px;
}

#editprofile .c ul li.label label
{
    display:block;
    width:125px;
    height:40px;
}

#editprofile .c ul li.input
{
    padding:4px 0;
}

#editprofile .c ul.loose li.input
{
	height:auto;
    padding:4px 0;
}

#editprofile .c .footer
{
	height:37px;
	margin:15px 0 0 0;
	overflow:hidden;	
}

#editprofile .c ul li .radio
{
    padding:7px 5px 8px 0;
}

#editprofile .c ul li label.radio
{
    padding:7px 15px 8px 0;
    line-height:1.8em;
    color:#8c9c19;
    cursor:pointer;
}


/**************************
FRIENDS
***************************/

#friends, #friends .c
{
    width:765px !important;
}

#friends .c .errorholder
{
    margin:0 0 21px 10px;
}

#friends .c .errorholder p
{
    line-height:16px;    
    background:transparent url(../images/bullet.png) no-repeat;
    padding:0 0 0 16px;
    color:#ffba09;
}

#friends .c h1
{
    margin:0 0 0 10px;    
}

#friends .c .list
{
    overflow:hidden;
    margin:12px 0 0 0;    
}

#friends .c .list .friend
{
    width:141px;
    height:141px;
    overflow:hidden;
    float:left;
    margin:8px 6px; 
}

#friends .c .buttons
{
    margin:8px 6px 0 6px;
    height:36px;
    overflow:hidden;  
}

/**************************
INBOX
***************************/

#inbox a
{
    color:#8c9c19;
}

#inbox .l ul li
{
    padding:4px 0;    
}

#inbox .l ul li.avatar
{
    padding:0 0 11px 0;    
}

#inbox .c, #readmessage .c
{
	width:555px !important;
}

#inbox .c .errorholder
{
    margin:21px 0 21px 10px;
}

#inbox .c .errorholder p
{
    line-height:16px;    
    background:transparent url(../images/bullet.png) no-repeat;
    padding:0 0 0 16px;
    color:#ffba09;
}

#inbox .c .list, #readmessage .c .list
{
	background:url(../images/ul_border.gif) no-repeat center top; 
	padding:2px 0 0 0;
	overflow:hidden;
}

#inbox .c .list ul, #readmessage .c .list ul
{
    height:47px;
    overflow:hidden;
    background:#f8f8f8 url(../images/ul_border.gif) no-repeat center bottom;    
}

#inbox .c .list ul.unread
{
    background:#f5f5f5 url(../images/ul_border_green.gif) no-repeat center bottom;    
}

#inbox .c .list ul.unread li, #inbox .c .list ul.unread li a
{
	font-weight:bold;
}

#inbox .c .list ul li
{
    width:269px;
    height:47px;
    line-height:47px;
    float:left;    
    color:#959595;
    font-size:1em;
    padding:0 7px;
}

#inbox .c .list ul li a
{
	text-decoration:none;	
}

#inbox .c .list ul li.sender
{
	width:117px;
}

#inbox .c .list ul li.sender a
{
	color:#8f9b23;
	text-decoration:none;
}

#inbox .c .list ul li.title
{
	width:281px;
}

#inbox .c .list ul li.title a
{
	color:#947343;
	text-decoration:none;
}

#inbox .c .list ul li.date
{
	width:111px;
	color:#959595;
}

#inbox .c .footer, #readmessage .c .footer
{
	height:37px;
	margin:15px 0 0 0;
	overflow:hidden;	
}

/**************************
READ MESSAGE
***************************/

#readmessage .c ul li
{
    width:400px;
    height:40px;
    line-height:47px;
    float:left;    
    color:#947343;
}

#readmessage .c ul li a
{
	font-weight:bold;
	color:#947343;
	text-decoration:none;
}

#readmessage .c ul li p
{
	line-height:1.8em;	
}

#readmessage .c ul.loose, #readmessage .c ul.loose li
{
    height:auto;
}

#readmessage .c ul li.label
{
    width:125px;
}

#readmessage .c ul li.body
{
    padding:12px 0;
}

/**************************
STATIC PAGE
***************************/

#static a
{
    color:#8c9c19;
}

#static .c
{
	width:754px !important;
}

#static .c .header
{
	overflow:hidden;
}

#static .c h1
{
    height:38px !important;
    line-height:38px;
    background:transparent url(../images/static/header.png) no-repeat;
    padding:0 0 0 13px;
    margin:1px 0;
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
    overflow:hidden;
}

#static .c h2
{
    font-size:1.2em;
    color:#959595;
    margin:7px 0;
    line-height:1.4em;
    padding:0 3px;
    font-weight:bold;
}

#static .c ul
{
    padding:7px 20px;
}

#static .c ul li
{
    font-size:1.1em;
    color:#959595;
    margin:7px 0;
    line-height:1.2em;
    padding:0 3px;    
    list-style-type:circle;
}

#static .c p
{
    font-size:1.1em;
    color:#959595;
    margin:7px 0;
    line-height:1.4em;
    padding:0 3px;
}

#static .c p img.fl
{
    margin:5px 10px 5px 0;
}

#static .c p img.fr
{
    margin:5px 0 5px 10px;
}

#static .c .footer
{
    height:38px;
    margin:15px 0 0 0;
}

/**************************
PROGRAM
***************************/
#program h1
{
    background:transparent url(../images/static/header_brown.png) no-repeat !important;
}



ul.page-table 
{
    line-height:1.4em;
    /*background:transparent url(../images/static/table_row.gif) no-repeat left top;*/
    padding:0 !important;
    overflow:hidden;
    border:solid 1px #cab9a1;
    border-top:0px;
    
}

ul.page-table.head
{
    height:33px;
    line-height:32px;
    background:transparent url(../images/static/table_head_2.jpg) no-repeat left top;        
    border:0 !important;
}

ul.page-table li
{
    float:left;
    width:100px;
    margin:0 !important;
    padding:5px 10px !important;
    display:block;
    vertical-align:middle;
    font-size:1em;
    color:#947343 !important;
    
}

ul.page-table.head li
{
    font-weight:bold;
    height:32px !important;
    line-height:22px !important;
    vertical-align:middle;
}

ul.page-table li.date
{
    width:201px !important;
    font-weight:bold;
    font-size:1.1em;
}

ul.page-table li.time
{
    width:112px !important;
    font-weight:bold;
    font-size:1.1em;
}

ul.page-table li.desc
{
    width:376px !important;
}

ul.page-table li.desc h4
{
    font-size:1.1em;
    margin-bottom:5px;
}

ul.page-table li.desc p
{
    font-size:0.9em !important;
    color:#947343 !important;
    padding:0 !important;
}

.page-table-bottom
{
    height:10px;    
    background:transparent url(../images/static/table_bottom_2.jpg) no-repeat left top;
    overflow:hidden;
    position:relative;
    top:-1px;
    
}

/**************************
ADAPTIVE CURRICULUM
***************************/
#adaptivecurriculum h1
{
    background:transparent url(../images/static/header_green.jpg) no-repeat !important;
}

#adaptivecurriculum h2
{
    font-size:1.7em !important;
    color:#73b10e !important;
    font-weight:bold;
}

#adaptivecurriculum h3
{
    font-size:1.2em !important;
    color:#959595 !important;
    font-weight:bold;
    margin:2px 0 0 3px;
}

#adaptivecurriculum h4
{
    font-size:1.2em !important;
    color:#73b10e !important;
    font-weight:bold;
    margin:2px 0 0 3px !important;
}

#adaptivecurriculum p.border
{
    border-bottom:solid 1px #73b10e;
    padding-bottom:5px;
}

#adaptivecurriculum p.footnote
{
    font-size:0.8em;
    margin-top:40px;
}

#adaptivecurriculum div.state
{
    width:747px;    
    margin:0 0 5px 0;
}

#adaptivecurriculum div.state .t
{
    background:url(../images/static/state.gif) no-repeat center top;
    height:6px;
}

#adaptivecurriculum div.state .txt
{
    background:url(../images/static/arrow.gif) no-repeat 5px center;
    overflow:hidden;
    border:solid 1px #d5e5bb;
    border-width:0 1px;
    padding:0 15px 0 30px;
}

#adaptivecurriculum div.state .b
{
    background:url(../images/static/state.gif) no-repeat center bottom;
    height:6px;
}




/**************************
FORM
***************************/

input.clean, input.clean[disabled=disabled]
{
    border:0;
    background:transparent;
    color:#947343;
    font-size:1.1em;
    font-weight:bold;
    height:16px;
    line-height:16px;
}

div.txtinput
{
    overflow:hidden;    
    height:32px;
    line-height:32px;
}

div.txtinput.margin
{
    margin:0 0 5px 0;
}

div.txtinput .l
{
    width:10px !important;
    height:32px; 
    background:transparent url(../images/form/text_green.png) no-repeat 0px 0px;
    float:left;
}

div.txtinput .c
{
    width:249px;
    height:32px; 
    background:transparent url(../images/form/text_green.png) no-repeat -10px 0px;
    float:left;
    line-height:32px;
}

div.txtinput .r
{
    width:10px !important;
    height:32px; 
    background:transparent url(../images/form/text_green.png) no-repeat -401px 0px;
    float:left;
}

div.txtinput.blue .l
{
    background:transparent url(../images/form/text_blue.png) no-repeat 0px 0px;
}

div.txtinput.blue .c
{ 
    width:180px;
    background:transparent url(../images/form/text_blue.png) no-repeat -10px 0px;
}

div.txtinput.blue .r
{
    background:transparent url(../images/form/text_blue.png) no-repeat -410px 0px;
}

div.txtinput.orange .l
{
    background:transparent url(../images/form/text_orange.png) no-repeat 0px 0px;
}

div.txtinput.orange .c
{ 
    width:180px;
    background:transparent url(../images/form/text_orange.png) no-repeat -10px 0px;
}

div.txtinput.orange .c input
{ 
    color:#ffffff;
}

div.txtinput.orange .r
{
    background:transparent url(../images/form/text_orange.png) no-repeat -410px 0px;
}

textarea
{
	width:244px;
	height:92px;
	padding:10px;
	border:0;
	background:transparent url(../images/form/textarea.png) no-repeat;
	font-family:Verdana;
	color:#947343;
	font-size:1.1em;
    font-weight:bold;
	line-height:16px;	
	letter-spacing:-0.1em;
	overflow:auto;
}

div.checkbox
{
    width:24px;
    height:24px;
    overflow:hidden;
    background:transparent url(../images/form/checkbox.png) no-repeat;
    cursor:pointer;
}

div.checkbox.checked
{
    background:transparent url(../images/form/checkbox_checked.png) no-repeat;
}

div.checkbox input
{
    position:absolute;
    top:-4000px;
    left:-4000px;    
}

div.radiobutton
{
    width:17px;
    height:17px;
    overflow:hidden;
    background:transparent url(../images/form/radio.png) no-repeat;
    cursor:pointer;
}

div.radiobutton.checked
{
    background:transparent url(../images/form/radio_checked.png) no-repeat;
}

div.radiobutton input
{
    position:absolute;
    top:-4000px;
    left:-4000px;    
}

div.submit input
{
    position:absolute;
    top:-4000px;
    left:-4000px;
}


/**************************
FLASH
***************************/

.flash-block
{
    width:803px;    
    overflow:hidden;
    margin:5px auto;
}

#speakturkish-block .header
{
    width:803px;
    height:81px;
    background:transparent url(../images/apps/speakturkish/header.png) no-repeat;    
}

#speakturkish-block a
{
    display:block;
    width:143px;
    height:32px;
    float:right;
    margin:32px 23px 0 0;
}

#speakturkish-block  .movie
{
    width:803px;
    height:345px;
    background:transparent url(../images/apps/speakturkish/back.png) no-repeat;   
    text-align:left;
    padding:0 8px 0 5px; 
}

#makeyouravatar-block .header
{
    width:803px;
    height:33px;
}

#makeyouravatar-block  .movie
{
    width:803px;
    height:393px;
    background:transparent url(../images/apps/makeyouravatar/back.png) no-repeat;
    text-align:left;
    padding:6px 6px 7px 7px; 
}

#webtv-block  .movie
{
    width:813px;
    height:350px;
    background:transparent url(../images/apps/webtv/back.png) no-repeat;   
    text-align:left;
    padding:15px 0 0 10px; 
}



/***********************
LOGIN PANEL
********************/

#loginpanel
{
    width:274px;
    overflow:hidden;
}

/*lang.css
#loginpanel .languagebar
{
    width:142px;
    height:30px;
    margin:0 0 0 3px;
    padding:4px 4px 5px 125px;
    background:transparent url(../images/v2/language_bar.png) no-repeat;
}
*/

#loginpanel .languagebar .slider
{
    width:70px;
    height:30px;
    background:transparent url(../images/v2/language_slider.png) no-repeat;    
}

#loginpanel .languagebar .slider.en
{
    background-position:left bottom;    
}

#loginpanel .languagebar .change
{    
    width:70px;
    height:30px;
}

#loginpanel .memberinfo
{
    width:262px;
    height:58px;
    padding:6px;
    background:transparent url(../images/v2/memberinfo.png) no-repeat;
}

#loginpanel .memberinfo .av
{
    width:58px;
    height:58px;
    float:left;
}

#loginpanel .memberinfo .text
{
    width:197px;
    height:24px;
    padding:24px 0 10px 0;
    margin:0 0 0 7px;
    float:left;
}

#loginpanel .memberinfo .text a
{
    display:block;
    width:100%;
    height:24px;
}