/*
 * YOOtheme CSS file
 *
 * @author yootheme.com
 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
 */ 

/*
 * links
 */

a:link, a:visited {
	color: #aa1428;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

body.green a:link, body.green a:visited { color: #5a8c00; }
body.green a:hover { color: #73c800; }
body.pink a:link, body.pink a:visited { color: #aa2dd2; }
body.pink a:hover { color: #fa4bff; }
body.orange a:link, body.orange a:visited { color: #ff3200; }
body.orange a:hover { color: #ff6400; }
body.blue a:link, body.blue a:visited { color: #1e87c8; }
body.blue a:hover { color: #00afff; }

/*
 * unsorted lists
 */
 
ul.arrow, ul.arrow-big,
ul.checkbox, ul.checkbox-big,
ul.check, ul.check-big,
ul.star, ul.star-big,
ul.plus, ul.plus-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li,
ul.plus li {
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 6px 35px;
	font-weight: bold;
	line-height: 100%
}

ul.arrow-big li,
ul.checkbox-big li,
ul.check-big li,
ul.star-big li,
ul.plus-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 60px;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow li { background: url(../images/list_arrow.png) 0 0 no-repeat; }
ul.arrow-big li { background: url(../images/list_arrow_big.png) 0 0 no-repeat; }
ul.checkbox li { background: url(../images/list_checkbox.png) 0 0 no-repeat; }
ul.checkbox-big li { background: url(../images/list_checkbox_big.png) 0 0 no-repeat; }
ul.check li { background: url(../images/list_check.png) 0 0 no-repeat; }
ul.check-big li { background: url(../images/list_check_big.png) 0 0 no-repeat; }
ul.star li { background: url(../images/list_star.png) 0 0 no-repeat; }
ul.star-big li { background: url(../images/list_star_big.png) 0 0 no-repeat; }
ul.plus li { background: url(../images/list_plus.png) 0 0 no-repeat; }
ul.plus-big li { background: url(../images/list_plus_big.png) 0 0 no-repeat; }


/*
 * ordered lists
 */
 
ol.disc, ol.disc-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}

ol.disc li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

ol.disc-big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(../images/list_disc_big.png) 0 0 repeat-y;
}

ol.disc-big li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

/*
 * highlighted div and span boxes
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../images/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}

/*
 * highlighted quotations
 */

blockquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	background: url(../images/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}

blockquote p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/blockquote_end.png) 100% 100% no-repeat;
}

blockquote.big {
	margin: 10px 0px 10px 0px;
	padding: 50px 50px 50px 50px;
	background: url(../images/blockquote_big_start.png) 0 0 no-repeat;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 300%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
}

blockquote.big p {
	margin: 0px -50px -50px 0px;
	padding: 0px 30px 50px 0px;
	background: url(../images/blockquote_big_end.png) 100% 100% no-repeat;
}

/*
 * preformatted text elements
 */

pre {
	margin: 2px 0px 2px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #f4f5f6;
	font-size: 90%;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	/* white-space: pre-wrap;       /* css-3 */
	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}


/*
 * highlighted emphasis
 */

em.box, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.box { 
	padding: 0px 2px 0px 2px;
	background:#f4f5f6;
	border: 1px dotted #aab4be;
}

em.file { 
	padding: 0px 0px 0px 13px;
	background: transparent url(../images/em_file.png) 0 1px no-repeat;
	color: #000000;
}

em.directory { 
	padding: 0px 0px 0px 16px;
	background: transparent url(../images/em_directory.png) 0 1px no-repeat;
	color: #000000;
}

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
}

h1 {
	font-size: 300%;
	font-weight: normal;
	color: #7887A0;
}

h2 {
	font-size: 250%;
	color: #b4b4be;
}

h3 {
	font-size: 200%;
	color: #9F2525;
	/*color: #646478;*/
}

h4 {
	font-size: 175%;
	font-weight: normal;
	color: #7887A0;
}

h5 {
	font-size: 150%;
	color: #878796;
}

h6 {
	font-size: 125%;
	color: #7887A0;
}

body.green h1, body.green h4, body.green h6 { color: #739141; }
body.pink h1, body.pink h4, body.pink h6 { color: #c83cbe; }
body.orange h1, body.orange h4, body.orange h6 { color: #f06400; }
body.blue h1, body.blue h4, body.blue h6 { color: #5591d7; }

/*
 * forms
 */

 
 
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; }  
legend { padding: 0 .8em 0 .8em; }
legend+* { margin-top: 1em; }  
textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; }
option { padding: 0 .4em .1em; }
form div { margin-bottom: .1em; }
button, input[type='button'] { padding: .2em .3em .2em .1em; line-height: 100%; }

/*****************************************************************************************************************************************/

pre, .code {
	background: #FEFEFE;
	border-left: 5px solid #CCCCCC;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	background: url(../images/ja_tube/so-q.gif) no-repeat left top;
	padding: 2px 0 2px 25px;
}

blockquote span.close {
	background: url(../images/ja_tube/sc-q.gif) no-repeat bottom right;
	padding: 2px 25px 2px 0;
}

/* Dropcap */
.dropcap {
	color: #DB7812;
	display: block;
	float: left;
	font: 60px/58px Georgia, Times, serif;
	padding: 0 10px 0 0;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	background: url(../images/ja_tube/icon-error.png) no-repeat 0px center;
	color: #CC0000;
	padding-left: 25px;
}

p.message {
	background: url(../images/ja_tube/icon-info.png) no-repeat 0px center;
	color: #00AFF0;
	padding-left: 25px;
}

p.tips {
	background: url(../images/ja_tube/icon-tips.gif) no-repeat 0px center;
	color: #DB7812;
	padding-left: 25px;
}

p.rss {
	background: url(../images/ja_tube/icon-rss.gif) no-repeat 0px center;
	padding: 3px 0 3px 25px;
}

.highlight {
	background: #FFFFFF;
	color: #DB7812;
	font-weight: bold;
	padding: 1px 5px;
}

span.hilight {
	color: #DB7812;
}

/* Note Style */
p.stickynote {
	background: url(../images/ja_tube/icon-sticky.png) no-repeat left top #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 15px 10px 15px 60px;
}

p.download {
	background: url(../images/ja_tube/icon-download.png) no-repeat left top #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 15px 10px 15px 60px;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Under list hightlight */
ul.hilite li {
	background-image: url(../images/ja_tube/bullet2.gif);
}

/* Check box list */
ul.checkbox li {
	background: url(../images/ja_tube/icon-checkbox.gif) no-repeat 0 5px !important;
	margin-left: 15px !important;
	padding: 3px 0 3px 20px !important;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	background: url(../images/ja_tube/icon-checklist.gif) no-repeat 0 5px !important;
	margin-left: 15px !important;
	padding: 3px 0 3px 20px !important;
}

/* Check list arrow */
ul.arrow {
	list-style: none;
}

ul.arrow li {
	background: url(../images/ja_tube/icon-arrow.gif) no-repeat 3px 7px;
	margin-left: 15px;
	padding: 2px 0 2px 20px;
}

/* Star list */
ul.star li {
	background: url(../images/ja_tube/icon-star.gif) no-repeat 0px 5px;
	margin-left: 15px;
	padding: 2px 0 2px 20px;
}

/* Bignumber */
.bignumber {
	background: url(../images/ja_tube/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 6px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4, div.bubble5 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author,
div.bubble5 span.author {
	font-weight: bold;
	margin-left: 10px;
	padding-left: 0px;
}

div.bubble1 div {
	background: url(../images/ja_tube/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../images/ja_tube/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/ja_tube/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/ja_tube/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 10px 15px 20px;
	width: auto;
}

div.bubble2 div {
	background: url(../images/ja_tube/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../images/ja_tube/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/ja_tube/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/ja_tube/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 10px 15px 25px;
	width: auto;
}

div.bubble3 div {
	background: url(../images/ja_tube/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../images/ja_tube/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/ja_tube/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/ja_tube/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

div.bubble4 div {
	background: url(../images/ja_tube/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble4 div div {
	background: url(../images/ja_tube/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/ja_tube/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/ja_tube/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

/* Legend */
.legend-title {
	background: #F5F5F5;
	color: #555555;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -9px;
}

.legend,
.legend-highlight {
	border: 1px solid #CCCCCC;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

.legend-highlight {
	border: 1px solid #DB7812;
}

.legend-highlight .legend-title {
	color: #DB7812;
}

/******************************JA_MONA_IMG_CONTENT*****************************************************/

/*article image*/
img {
	border: none;
	margin: 0;
	padding: 0;
	
}

img.border {
	padding: 4px;
	border: 1px solid #C5C5C5;
	background: #FFFFFF;
}

img.size2,
.ja_slideimages .img_caption img {
	background: url(../images/ja_mona/shadow-s2.gif) no-repeat left bottom #FFFFFF;
	border: none;
	margin: 15px 20px 0 0;
	padding: 5px 5px 15px 5px;
}

.img_caption {
	background: url(../images/ja_mona/shadow.png) no-repeat center bottom;
	padding-bottom: 18px;
	padding-right: 10px;
}

.img_caption.left, .img_caption.right {
}

.img_caption p {
	color: #757575;
	display: none;
	margin-top: 0px;
	padding-top: 5px;
	text-align: center;
}

.img_caption img {
	background: #FFFFFF;
	border: 1px solid #C5C5C5;
	padding: 4px;
}

/*************************************************************************************************************/
/*****************************************YOO MELLOW HEADERBAR************************************************/

/*
 * module: headerbar
 */
 
#headerbarx { background: url(../images/yoo_mellow/header_m.png) 0 0 repeat-x; }
#headerbarx .headerbar-1 { background: url(../images/yoo_mellow/header_l.png) 0 0 no-repeat; }
#headerbarx .headerbar-2 {
	height: 110px;
	padding: 10px 10px 10px 300px;
	background: url(../images/yoo_mellow/header_r.png) 100% 0 no-repeat;
	overflow: hidden;
}

 
#logox {
	position: absolute;
	top: 25px;
	left: 0px;
}
 
 
div.mod-headerbar div.box-1 { background: url(../images/yoo_mellow/module_headerbar.png) 0 0 no-repeat; }

div.mod-headerbar div.box-2 {
	padding: 0px 7px 0px 7px;
	background: url(../images/yoo_mellow/module_headerbar.png) 100% -115px no-repeat;
}

div.mod-headerbar div.box-3 {
	height: 100px;
	padding: 5px 8px 5px 8px;
	background: url(../images/yoo_mellow/module_headerbar.png) 0 -230px repeat-x;
	overflow: hidden;
}

#leftx {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#rightx {
	 
	 
	float: left;
	overflow:hidden;
}




/*************************************************************************************************************/

/*   -------------------- CAGDAS ------------------------ */

a.download {
background-image:url("../images/download/download-button.png");
display:block;
font-family:Arial;
font-size:14px;
font-weight:bold;
height:63px;
line-height:26px;
padding:0px;
text-decoration:none;
width:200px;
color:#333;
outline:medium none;
}

a.download:hover  {
background:url("../images/download/download-button.png") repeat left 63px transparent;
height:63px;
padding:0px;
width:200px;
}

/*   -------------------- CAGDAS ------------------------ */