body { background:#eff6e8;}

.subpage-bg-panel {
	position:absolute;
	top:130px; 
	/*background:transparent url(../../images/bg-cloud4.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/bg-cloud4.png');
	*/
	width:1020px;
	height:202px;
	z-index:1;
	

}

#wrapper {
	/*background:url(../../images/bg-subpage-body2.png) 0 0 repeat-x #eff6e8;*/
	background:#00BCEA;
		background-image:url('../../images/bg-home3.jpg');
background-repeat:no-repeat;
/*background-attachment:fixed;*/
background-position:top center; 
	
}

.sub-container {
	position:relative;
	margin:30px auto -20px auto;
	text-align:left;
	/*overflow:hidden;*/
	width:960px;
	min-height:600px;
	height:auto!important;
	height:600px;
	
}

.sub-container .bg  {
	position:absolute;
	z-index:1;
	top:0;
	left:1px;
	width:958px;
/*
	min-height:600px;
	height:auto!important;
	height:600px;
*/	
	background:transparent url(../../images/bg-subpage2.png) 0 0 no-repeat!important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/bg-subpage2.png');
}

.sub-container .content  {
	position:relative;
	top:20px;
	left:9px;
	width:940px;
	min-height:400px;
	height:auto!important;
	height:400px;
	z-index:1;
}


/* left menu */
.left-menu {
	width:188px;
	margin-left:25px;
}
.left-menu .head { width:188px; height:39px; }
.left-menu .head span { display:none;}

/* matematik */
.left-menu .head.m01 { 
	background:transparent url(../../images/m01.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m01.png');
}
/* fen */
.left-menu .head.m02 { 
	background:transparent url(../../images/m02.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m02.png');
}
/* turkce */
.left-menu .head.m03 { 
	background:transparent url(../../images/m03.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m03.png');
}
/* sosyal */
.left-menu .head.m04 { 
	background:transparent url(../../images/m04.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m04.png');
}
/* ogrenci */
.left-menu .head.m05 { 
	background:transparent url(../../images/m05.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m05.png');
}

/* ogretmen */
.left-menu .head.m06 { 
	background:transparent url(../../images/m06.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m06.png');
}

/* nedir */
.left-menu .head.m07 { 
	background:transparent url(../../images/m07.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m07.png');
}

/* nasil */
.left-menu .head.m08 { 
	background:transparent url(../../images/m08.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m08.png');
}
/* nereden */
.left-menu .head.m09 { 
	background:transparent url(../../images/m09.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m09.png');
}
/* sbs */
.left-menu .head.m10 { 
	background:transparent url(../../images/m10.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/m10.png');
}



.left-menu li { margin-left:6px;line-height:20px}
.left-menu li ul { display:none;}
.left-menu li.active ul { display:block;}
.left-menu li.active a { color:#000;}
.left-menu li li { margin-left:0;line-height:20px}
.left-menu li li a { 
	background:url(../../images/icoOff.gif) 0 50% no-repeat; 
	padding-left:9px; color:#7a7a7a!important;
}
.left-menu li li.active a { 
	background:url(../../images/icoOn.gif) 0 50% no-repeat; 
	padding-left:9px; color:#000000!important;;
}
.left-menu li a { color:#0075b8; text-decoration:none; }
.left-menu li a:hover { color:#000000!important;;}

.content-box { width:715px; position:relative;}
.content-box .cr-top{ 
	background:transparent url(../../images/cr-top.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/cr-top.png');
	width:713px; height:22px;
}
.content-box .cr-bottom{ 
	background:transparent url(../../images/cr-bottom.png) 0 0 repeat-x !important ;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/cr-bottom.png');
	width:713px; height:12px;
	margin-bottom:20px;
}

.content-area h1.page-header { font-size:20px; color:#0075b8; height:37px; border-bottom:1px solid #edeeed; margin:10px;}


.content-box { margin:0;}
.content-box .copy { 
	width:715px; position: inherit; 
	min-height:490px;height:auto!important;	height:490px;	
	background:transparent url(../../images/cr-bg.png) 0 0 repeat-y !important;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/cr-bg-ie.png');		
	}

	
.content-box .copy .space {position:relative;  width:680px; margin:0 20px; font-size:12px; color:#333;}		
.content-box .copy p { margin-bottom:20px; line-height:20px; white-space: normal; }
.content-box .copy ul { list-style:disc; margin-left:10px;}
.content-box .copy ul li {margin-left:30px; line-height:20px; white-space: normal; }
.content-box .copy h2 { font-size:16px; color:#0077ba; margin:10px 0; white-space:normal;}
.content-box .copy h3 { font-size:11px; color:#000000; margin-bottom:3px;   }
.content-box .copy .text { width:450px;}
.content-box .copy .image { }
.content-box .copy .image2 { width:210px; float:left; margin:5px; }
.content-box .copy .image2 p { padding:5px; text-align:center;}

.content-box .accordion h3 {  
	background: url(../../images/icoQ.gif) 0 0 no-repeat;
	padding-left:22px; color:#0075b8; line-height:17px; cursor:pointer; margin:5px 0;
	font-size:12px;
}
.content-box .accordion.notIco h3 {  
	background:none;
	padding-left:22px; color:#0075b8; line-height:17px; cursor:pointer; margin:5px 0;
	font-size:12px;
}

.content-box .accordion p {  
	padding-left:22px; 
}

.content-box .accordion div { display:none;  }

.tableContent { margin-left:22px;}
.nomrg { margin-left:0;}
.tableContent td, .tableContent th { padding:5px; }
.tableContent th { text-align:center; background:#e5e5e5 }
.tableContent th.left { text-align:left; }
.tableContent tr.even td { background:#f0f0f0;}


.hl-right { display: block; position:relative;}
.hl-right .image { float:left; width:90px; }
.hl-right .text { color:#5f5f5f; width:120px;}

.hl-right h3.hl-header  { font-size:18px!important; color:#0075b8; border-bottom:1px solid #edeeed; margin:10px 10px 10px 0; padding-bottom:5px;}

.hl-right .ico-help {
	background:transparent url(../../images/ico-managment.png) 0 0 no-repeat!important;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/ico-managment.png');		
	font-size:11px; line-height:17px; padding:0 20px 0 60px; color:#5f5f5f; width:150px; 
}

/* ie hack */
.hl-right a.user-comment-pic img { _display:none;}
.hl-right a.user-comment-pic {
	_display:block; _width:89px; _height:91px;	
	_background:transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='crop',src='/vitamin/images/content/resim4.png');		

}

/* form */
.content-box .copy .form { font-size:12px; }
.content-box .copy .form span.g { font-size:11px; color:#7b7b7b; }

.content-box .copy .form .errorContainer { display:none; float:left; width:200px; float:left; font-size:11px;  color:#f00; line-height:17px; margin:0 5px;  }
.content-box .copy .form .errorContainer li { margin-left:25px; list-style:disc; }
.content-box .copy .form .errorContainer li label { list-style:disc; color:#f00;}

.content-box .copy .form fieldset { width:; position:relative;}
.content-box .copy .form fieldset.w { width:610px!important;}

.loading { background:#000; position:absolute; z-index:3;   opacity: 0.7;  filter: alpha(opacity = 70); text-align:center; font-size:16px; color:#fff;}
.loading img { margin-top:50px; }

.content-box .copy .form fieldset .part { 
	background:#c2ecf9 url(../../images/bg-form-top.gif) 0 0 no-repeat; 
	width:465px; margin-bottom:10px; 
}

.content-box .copy .form fieldset .part .bottom {
	background:url(../../images/bg-form-bottom.gif) 0 bottom no-repeat; 
	min-height:36px; height:auto!important; height:36px; margin:0; 
}
.content-box .copy .form fieldset .part.lght { 
	background:#d6f2fb url(../../images/bg-form-top2.gif) 0 0 no-repeat; 
	width:465px; margin:-5px 0 5px 0; 
}
.content-box .copy .form fieldset .part.lght .bottom {
	background:url(../../images/bg-form-bottom2.gif) 0 bottom no-repeat; 
	min-height:36px; height:auto!important; height:36px; margin:0; 
}



.content-box .copy .form fieldset .part label { 
	float:left; width:203px; height:26px; line-height:26px; font-size:12px; color:#242424;
	padding-left:14px; margin-top:5px;
}

#paketpaket label
{
width:270px !important;
}

.content-box .copy .form fieldset .part .area { 
	height:26px; line-height:26px; font-size:12px; color:#242424;
	padding:0 10px; margin-top:5px;
}

.content-box .copy .form fieldset .part .area label { margin:0; padding:0; cursor:pointer; }



.content-box .copy .form fieldset .part .textdata { float:left; position:relative;
	height:26px; line-height:26px; font-size:12px; color:#242424;
	padding:0 5px; margin-top:6px;
}


.content-box .copy .form fieldset .ch { margin-top: 5px;}


.content-box .copy .form fieldset .input { 
	position:relative; float:left; 
	background:url(../../images/bg-formObj.gif) 0 0 no-repeat; 
	width:240px; height:26px; margin-top:4px;
	font-size:12px; 
	color:#8b8b8b; 
	}
.content-box .copy .form fieldset .input.Q { background-position:0 -26px; }
.content-box .copy .form fieldset .input.Q a.tooltip { position:absolute; display:block; width:17px; height:17px; right:7px; top:4px;} 
.content-box .copy .form fieldset .input .textbox { 
	border:none; 
	background:#fff; 
	padding:3px 0; 
	margin:2px 0 0 5px; 
	width:200px; 
	font-size:12px; 
	color:#8b8b8b; 
}

.content-box .copy .form fieldset .input .selectbox { 
	border:none; 
	background:#fff; 
	padding:3px 0; 
	margin:2px 0 0 5px; 
	width:230px; 
	font-size:12px; 
	color:#8b8b8b; 
}
.content-box .copy .form fieldset .input select { 
	border:none; 
	background:#fff; 
	padding:3px 0; 
	margin:2px 0 0 5px; 
	font-size:12px; 
	color:#8b8b8b; 
}


.content-box .copy .form fieldset .radio {
	vertical-align:bottom;
	*vertical-align:baseline;
	_vertical-align:baseline ;
	margin:6px 0 0 10px;
	*margin:3px 0 0 10px;
	_margin:3px 0 0 10px;
	padding:0; border:0;
}


.content-box .copy .form .part .captcha {
	position:relative;
	display:block; clear:both;
	text-align:center;
	margin:10px 0 10px 220px;_margin:5px 0 10px 220px;	 	 
	background:#c2ecf9 url(../../images/bg-captcha.gif) 0 0 no-repeat; 
	width:158px; height:78px;
}
.content-box .copy .form .part .captcha img { margin-top:9px;}

.content-box .copy .form .part .agree { margin:5px 10px;}

.content-box .copy .form fieldset .icoQ {
	background:url(../../images/icoQ.gif) 12px 0 no-repeat;
	padding-left: 40px; 


}

.content-box .copy .form fieldset span.dn { display:none;} 

.kaybol { display:none!important;}

.content-box .copy .form fieldset a.btn-continue { 
	background:url(../../images/btn-continue.png) 0 0 no-repeat;
	width:108px; height:47px; display:block;
}

.content-box .copy .form fieldset .btn-continue-off { 
	background:url(../../images/btn-continue-off.png) 0 0 no-repeat;
	width:108px; height:47px; display:block;
}



.content-box .copy .form fieldset input.btn-continue-iebug { 
	width:108px; height:47px; display:block; background:transparent; 
	padding:0; margin:0; border:none; cursor:pointer;
	position:absolute; 
}


.content-box .copy .form fieldset a.btn-approve { 
	background:url(../../images/btn-approve.png) 0 0 no-repeat;
	width:108px; height:47px; display:block;
}
.content-box .copy .form fieldset .btn-approve-off { 
	background:url(../../images/btn-approve-off.png) 0 0 no-repeat;
	width:108px; height:47px; display:block;
}


.content-box .copy .form fieldset a.btn-exit { 
	background:url(../../images/btn-exit.png) 0 0 no-repeat;
	width:108px; height:47px; display:block;
}


.content-box .copy .form fieldset .textbox-area {
	position:relative; 
	background:#fff url(../../images/bg-text-top.png) 0 0 no-repeat; 
	width:455px; margin:5px auto;  overflow:hidden; 
}
.content-box .copy .form fieldset .textbox-area .bottom { position:relative;background:url(../../images/bg-text-bottom.png) 0 bottom no-repeat; }
.content-box .copy .form fieldset .scroller {  position:relative;height:90px; width:440px; overflow:auto; _overflow-x:hidden; margin:10px; font-size:11px; line-height:18px; }

.user-managment { width:610px; background:#c2ecf9;}

.user-managment .crtop { background:url(../../images/cr1.png) 0 0 no-repeat; }
.user-managment .crtop .cr-r { background:url(../../images/cr2.png) right 0 no-repeat; height:10px; }
.user-managment .crbottom { background:url(../../images/cr3.png) 0 bottom no-repeat; }
.user-managment .crbottom .cr-r { background:url(../../images/cr4.png) right bottom no-repeat; height:10px; }

.user-managment .um { margin:0 10px; }
.user-managment .um .line { clear:both; height:1px; border-top:1px solid #c9eefa; border-bottom:1px solid #b5dde9 }

.user-managment .um a.btn-adduser {
	background:url(../../images/btn-adduser.png) 0 0 no-repeat; width:142px; height:39px;
	margin-right:10px; display:block; float:left;
}
.user-managment .um a.btn-removeuser {
	display:block; float:left;
	background:url(../../images/btn-deleteuser.png) 0 0 no-repeat; width:123px; height:39px;
}

.user-managment .um .userlist { margin:10px 0;}
.user-managment .um .userlist .user { font-weight:bold; border-bottom:1px solid #b5dde9; padding:5px 0; }
.user-managment .um .area { float:left; margin:0 8px; padding:10px 0;}

.package { margin:5px 5px 0 5px;}
.package .ico { float:left; width:100px; text-align:center; }
.package h4.title { font-size:18px; }
.package p { font-size:12px; color:#7b7b7b; line-height:20px; }

.package .choice { width:250px; float:left; margin-left:50px;_ margin:0 10px 0 30px;}
.package .choice .pic { height:180px; margin-top:20px; }

.package .btn-register1 { background:url(../../images/btn-register1.png) 0 0 no-repeat; width:218px; height:57px; display:block; }
.package .btn-register2 { background:url(../../images/btn-register2.png) 0 0 no-repeat; width:223px; height:91px; display:block; }
.package .btn-register3 { background:url(../../images/btn-register3.png) 0 0 no-repeat; width:218px; height:57px; display:block; }
.package .btn-register-emo { background:url(../../images/btn-register-emo.png) 0 0 no-repeat; width:228px; height:47px; display:block; }
.package .btn-buy-emo { background:url(../../images/btn-buy-emo.png) 0 0 no-repeat; width:228px; height:47px; display:block; }



/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
/*
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;

	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
*/	
display:none;
}

#JT_arrow_right{
display:none;
/*
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;

	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
	*/	
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #C2ECF9;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
/*
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
*/	
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #C2ECF9;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #C2ECF9;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #C2ECF9;
}

.jTip{
cursor:help;
}