@CHARSET "utf-8";

img {
  max-width: 100%
}

body {
	
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#69a9b9;
	
	
}
#bdy{
background:url("img/bg.png") repeat-x;

}
a{
	text-decoration: none;
}
.clear {
	clear: both;
	clear: left;
}


#conteiner{
	width:1024px;
	margin:0px auto;
	padding-bottom:50px;
	background: url("img/clouds.png") no-repeat;
}
#cont-top{width:900px;height:100px;margin:0px auto;}
#cont-center{width:900px;margin:0px auto;}
#cont-bottom{width:900px;margin:0px auto;}

#icerik{width:448px;padding:0px 10px;border:1px solid black;float:left;line-height:150%;overflow: auto;display:inline;height:268px;text-align:justify;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:11px;color:Black;}
#sagsutun{width:240px; height:250px;padding-top:20px;float:right;}
#videoback{width:235px;padding:10px 0px 0px 5px;background: url("_img/videobacksag.png") no-repeat;}
#logokutu{width:270px;}
#logotop{width:270px;height:10px;float: left;}
#logo{
	width:250px;
	height:80px;

	float:left;
	padding:10px;
	
}
#topbosluk{width:130px;height:100px;float: left;}
#topkutu{
	width:500px;
	float: right;
	margin-left: 0px;
	padding-top: 0px;
    position: relative;
	z-index:1;
}

#slayder{
	width:900px;
	position:relative;
	z-index:0;
	
}
#content{width:900px;margin:0px auto;}



#menu
{
margin-right:5px;
float:right;
}
#mainmenu
{
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
text-align:center;
margin-left:45px;
width:450px;
}
#mainmenu a
{
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
text-align:center;

}

	ul#menu, ul#menu ul {
    list-style: none;
    margin:0px 0px 0px 10px;
    padding: 0;
}
ul#menu .li {
    float: left;
    text-align:center;
    width:70px;
	height:24px;
	padding-top:5px;
	background: url("_img/tab.png") no-repeat;
	color: white;
	font-size:12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-left:2px;
    position: relative;
	cursor: pointer; cursor: hand;
}

ul#menu .li  ul li{
    float: left;
    text-align:center;
	width:122px;
	height:24px;
	padding-top:5px;
	background: url("_img/tab2.png") no-repeat;
	color: white;
	font-size:11px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-left:1px;
    position: relative;
	cursor: pointer; cursor: hand;
	
}

ul#menu .li ul {
    display: none;
    position: absolute;
    top: 25px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */
    left: 0;
	margin-top:5px;
}

#menu .li  ul {
    top: auto;
    left: auto;
}

ul#menu .li > ul {
    top: auto;
    left: auto;
}

ul#menu .li a {
    margin: 0;
	color: white;
    text-decoration: none;
}
ul#menu .li:hover {
    color: white;
	background: url("_img/tabhover.png") no-repeat;
}
#menu .li ul li:hover {
    color: white;
	background: url("_img/tabhover2.png") no-repeat;
}

ul#menu .li:hover ul, ul#menu li.over ul{
    display: block;
} 


.menutab 
{
	width:100px;
	height:25px;
	background: url("_img/tab.png") no-repeat;
	float:left;
	color:white;
	padding-top: 0px;
	margin-left:3px;
}
.menutab  a {
	float:left;
}

.menutab:HOVER
{
background: url("_img/tabhover.png") no-repeat;
}

#duyuru{
	width:260px;
	height:219px;
	background: url("_img/duyuru.png") no-repeat;
	float:left;
	padding:5px 0 0 10px;
	color: black;
	font-size:10px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.duyuru{

min-height:40px;
}


#linegray
{
	width:800px;
	font-size:18px;
	color:black;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding-top:10px;
}
#saat{

	 float:left;
	 height:30px;
	 padding-top:20px;
	 padding-left:37px;

	 text-align:left;
	 font-size:12px;
	 color:white;
	 font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#unvan{
	float:right;

	padding-top:10px;
	font-size:22px;
	text-align:right;
	padding-top:20px;
	padding-right:14px;
	font-size:12px;
	 color:white;
	 font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#line
{
	width:720px;
	color: black;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-top:10px;
	font-size:11px;
}
.linebaslik{
	color: #c94030;
	font-size:14px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.linedevam{
	color: #5c94e2;
	font-size:11px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.linedevam a{
	color: #5c94e2;
	font-size:11px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#lineleft{
	width:225px;
	height:100px;
	float:left;
	padding:5px 0px 0px 0px;
	margin-left:10px;
	text-align:justify;
	
	
}
#linecenter{
	width:225px;
	height:100px;
	float:left;
	padding:5px 0px 0px 0px;
	margin-left:15px;
	text-align:justify;
	
}
#lineright{
	width:228px;
	height:100px;
	float:left;
	padding:5px 0px 0px 0px;
	margin-left:15px;
	text-align:justify;
	
}

	
#mainpage{
	width:800px;
	margin:0px auto;

}
#mainpage1{
	width:800px;
	margin:0px auto;
}
#islem{
	width:800px;
	margin:0px auto;
}






#maincontent{
	width:1000px;
	
}
.lineleft{
	width:1000px;
	height:9px;
	background: url("_img/lineleft.png") no-repeat;
}
.lineright{
	width:1000px;
	height:9px;
	background: url("_img/lineright.png") no-repeat;
	float:right;
}
.line{
	width:800px;
	height:9px;
	background: url("_img/line.png") no-repeat;
	float:right;
}
.linetext{
	color: black;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding-top:0px;
	font-size:16px;
	padding:10px;

}

#line a{
		cursor: pointer; cursor: hand;
}
#maincontenttop{
	width:1000px;
	height:20px;
	background: url("_img/backtop.png") no-repeat;
}
#maincontentcenter{
	width:1000px;
	background: url("_img/backcenter.png") repeat-y;
}
#maincontentbottom{
	width:1000px;
	height:33px;
	background: url("_img/backbottom.png") no-repeat;
}



#hsen .text{
	width:255px;
	height:167px;
	float:left;
	text-align:right;
	font-size:18px;
	padding-top:40px;
}

#hsen .img{
	width:120px;
	height:207px;
	float:left;
	margin:27px 10px 0px 10px;
}

#content{
	width:1000px;
	height:500px;
}


.link{color:#500000;cursor: pointer; cursor: hand;}
.link:hover{color:#3399FF ;cursor: pointer; cursor: hand;}
#yt1{width:140px;float:left;margin-top:5px;}
#yt2{width:200px;float:left;margin-left:10px;margin-top:5px;}

.anaback{
	width:250px;
	height:126px;
	background: url("_img/anaback.png") no-repeat;
	margin-left:40px;
	margin-top:20px;
	text-align:center;
	padding-top:10px;
}
.anaback .baslik{
	color: black;
	font-size:16px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	
}
.anaback .text{
	color: black;
	font-size:14px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#boncuk1:hover{	background: url("_img/pembe.png") no-repeat; cursor: pointer; cursor: hand;}
#boncuk2:hover{ background: url("_img/mavi.png") no-repeat; cursor: pointer; cursor: hand;}
#boncuk3:hover{	background: url("_img/yesil.png") no-repeat; cursor: pointer; cursor: hand;}
#boncuk4:hover{	background: url("_img/mor.png") no-repeat; cursor: pointer; cursor: hand;}


.blueline{
	width:3px;
	height:207px;
	background-color:#3488e6;
	float:left;
}
.linename{
	width:787px;
	height:40px;
	background: url("_img/linename.png") repeat-x;
	
	text-align:right;
	padding:5px 10px 0 0;
	font-size:25px;
	color:white; 
}
.film{
	width:797px;
	height:145px;
	background: url("_img/film.png") repeat-x;
}


#text{
	width:767px;
	text-align:left;
	font-size:16px;
	color:black;
	padding:0px 10px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

#text .baslik {
	color:#c93d2e;
	font-size:18px;

}


#forter{
	

	margin:0px auto;
	background: url("_img/forterback1.png") repeat-x;
	background-color:black;
}
#forter:hover{
	margin:0px auto;
	background: url("_img/forterback2.png") repeat-x;
	background-color:black;
}
#fortercon{
	width:800px;
	height:55px;
	margin:0px auto; 
	padding-top:15px;
	
	font-size:20px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#fortercon2{
	width:800px;
	height:55px;
	margin:0px auto; 
	padding-top:15px;
	
	font-size:20px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#fortercon a{
	color:white;
}

#platform{
float:left;
text-align:center;
}
#alistirma{
float:left;
margin-left:230px;
text-align:center;
}
#olimpiyat{
float:right;
text-align:center;

}






.cubuk{
	width:40px;
	height:500px;
	float:left;
	
}
.boncuk{
	width:160px;
	float:left;
	padding-top:20px;
}
.boncuk .buton{
	width:145px;
	padding-top:20px;
	height:35px;
	background: url("_img/leftbutton.png") no-repeat;
}
.boncuk .buton:hover{
	width:145px;
	height:35px;
	padding-top:20px;
	background: url("_img/leftbutton2.png") no-repeat;
	cursor: pointer; cursor: hand;
}
.boncuk .a{
	width:130px;
	height:35px;
	color: black;
	font-size:15px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	background: url("_img/boncuk.png") no-repeat;
	text-align:center;
	padding-left:45px;
	margin-left:-40px;
	padding-top:0px;

}
.boncuk  .a:hover{
	padding-top:-15px;
	color:White;
	cursor: pointer; cursor: hand;
	
}

.hr{
	width:200px;
	margin-left:-40px;
	
}






	
	/*
	General rules
	*/
	
	#leftmenu{
		width:160px;
		float:left;
	}
	#cont{
		width:720px;
		float:left;
		padding-left:10px;
	}
	
	
	#dhtmlgoodies_slidedown_menu{
		background: url("_img/cubuk.png") repeat-y;
	}
	
	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
		
		cursor: pointer; cursor: hand;	
	}
	
	.basmenu{
		background: url("_img/boncuk.png") no-repeat;
		margin:0px;
		width:110px;
		padding:5px 0px 2px 0px;
		cursor: pointer; cursor: hand;
		padding-left:50px;
		color: black;
		font-size:12px;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		
	}
	.basmenu:hover{
		background: url("_img/boncuk2.png") no-repeat;
		margin-left:0px;
		width:115px;
		padding:5px 0px 2px 0px;
		cursor: pointer; cursor: hand;
		padding-left:50px;
		
	}
	.slMenuItem_depth1{
		height:22px;
	}
	.aramenu{
		background: url("_img/boncuk1.png") no-repeat;
		margin:0px;
		width:113px;
		height:23px;
		padding:2px 0px 0px 5px;
		cursor: pointer; cursor: hand;
		margin-left:0px;
		color:white;
		font-size:12px;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		
		
	}
	.aramenu:hover{
		background: url("_img/boncuk22.png") no-repeat;
		margin:0px;
		width:113px;
		height:23px;
		padding:3px 0px 0px 5px;
		cursor: pointer; cursor: hand;
		
	}
	
	.mainbuton{
		background: url("_img/leftbutton.png") no-repeat;
		cursor: pointer; cursor: hand;
	}
	.cubuk2{
		
		margin-left:0px;
	}
	.slideMenuDiv2{
		margin-left:-20px;
		width:150px;
		margin-top:2px;
		padding-bottom:-10px;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;
	}

	#dhtmlgoodies_slidedown_menu div2{
		margin:0px;
		padding:0px;
		
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:160px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;	
		padding-left:2px;	

	}
	#dhtmlgoodies_slidedown_menu .a{

		background: url("_img/leftbutton.png") no-repeat;
	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		font-weight:none;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	form {
	width: 400px;
	border: 1px solid #EEE;
	padding: 10px;
	margin: 40px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#fff;
}

label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}

.blue {
	color: #0099CC;
	font-weight: bold;
}

/* footer */
.dwnld {
	Display: block;
	padding: 10px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	border: 1px solid #EEE;
	background-color: white;
	color: #999;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	background: url(images/download.gif) no-repeat 40px 10px;
}

/* footer */
.footer {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
	color: #999;
}

.footer p {
	color: #999;
}

/* Congratulation message */
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgSent h1 {
	background: url(images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgError h1 {
	background: url(images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

/***** FormCheck *****/
.tipsbox .tipsbox_top_left{
	background : url('images/top_left.png') no-repeat;
	_background : url('images/top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('images/top.png') repeat-x;
	height : 17px;
	_background : url('images/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('images/top_right.png') no-repeat;
	_background : url('images/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('images/left.png') repeat-y;
	width : 17px;
	_background : url('images/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('images/right.png') repeat-y;
	width : 22px;
	_background : url('images/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('images/bottom_left.png');
	_background : url('images/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('images/mark.png') no-repeat;
	height : 36px;
	_background : url('images/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('images/bottom_right.png');
	_background : url('images/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('images/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('images/error.png') no-repeat;
	_background : url('images/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}

/***** Niceforms *****/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/

img {border:0;}
#container {padding:20px;}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}



/*foorter*/
#masterpanel {
	background-color:#161616;
	background: -moz-linear-gradient(top, rgba(22,22,22,.7) 0%, rgba(51,51,51,.7) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,.7)), color-stop(100%,rgba(51,51,51,.7)));
        background: -webkit-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
        background: -o-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
        background: linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2161616,endColorstr=#B2333333);
	-moz-box-shadow:0 1px 10px #00c6ff;
	-webkit-box-shadow: 0 1px 10px #00c6ff;
	box-shadow:0 1px 10px #00c6ff;
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
}
#masterpanel ul {

	width:550px;
	margin:0px auto;
	list-style:none;
	font-size:1em;
}

#masterpanel ul li {
	padding:0;
	margin:0;
	float:left;
	position:relative;
	border-right:1px solid #555;
}

#masterpanel ul li:first-child { border-left:1px solid #555; }

#masterpanel ul li a {
	margin:5px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	height:26px;
	width:26px;
	text-decoration:none;
	color:#333;
	position:relative;
}
a.dribble { background:url(img/_0050_Dribbble.png) no-repeat; width:26px;}
a.forrst 	{ background:url(img/_0049_Forrst.png) no-repeat; }
a.facebook      { background:url(img/_0048_Facebook.png) no-repeat;}
a.twitter 	{ background:url(img/_0046_Twitter.png) no-repeat;}
a.google 	{ background:url(img/google.png) no-repeat;}
a.linked	{ background:url(img/_0018_Linkedin.png) no-repeat;}
a.vg	{ background:url(img/_vg.png) no-repeat;}
a.fg	{ background:url(img/_fg.png) no-repeat;}
#masterpanel a small { 
	background:#000; 
	text-align:center; 
	width:70px; 
	padding:5px; 
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	border-radius:3px; 
	display:none; 
	color:#fff; 
	font-size:12px; 
	text-indent:0;
}

@-moz-keyframes mymove {
	0%{ -moz-transform:scale(0,0); opacity:0;}
	50%{ -moz-transform:scale(1.2,1.2); opacity:0.3; }
	75%{ -moz-transform:scale(0.9,0.9); opacity:0.7;}
	100%{ -moz-transform:scale(1,1); opacity:1;}
}

@-webkit-keyframes mymove {
	0%{ -webkit-transform:scale(0,0); opacity:0;}
	50%{ -webkit-transform:scale(1.2,1.2); opacity:0.3;}
	75%{ -webkit-transform:scale(0.9,0.9); opacity:0.7;}
	100%{ -webkit-transform:scale(1,1); opacity:1;}
}
/*foorter*/


/*foorter*/
#masterpane2 {
	background-color:#B0B0B0 ;
	background: -moz-linear-gradient(top, rgba(22,22,22,.7) 0%, rgba(51,51,51,.7) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,.7)), color-stop(100%,rgba(51,51,51,.7)));
        background: -webkit-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
        background: -o-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
        background: linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2161616,endColorstr=#B2333333);
	-moz-box-shadow:0 1px 10px #00c6ff;
	-webkit-box-shadow: 0 1px 10px #00c6ff;
	box-shadow:0 1px 10px #00c6ff;
	position:fixed;
	bottom:35px;
	left:0;
	z-index:999;
	width:100%;
}
#masterpane2 ul {

	width:550px;
	margin:0px auto;
	list-style:none;
	font-size:10px;
}

#masterpane2 ul li {
	width:64px;
	padding:5px 1px;
	
	margin:0;
	float:left;
	position:relative;
	border-right:1px solid #555;
	text-align:center; 
}

#masterpane2 ul li:first-child { 
border-left:1px solid #555; 

}

#masterpane2 ul li a {
	margin:5px;

	height:10px;
	width:26px;
	text-decoration:none;
	color:white;
}

 
@-moz-keyframes mymove {
	0%{ -moz-transform:scale(0,0); opacity:0;}
	50%{ -moz-transform:scale(1.2,1.2); opacity:0.3; }
	75%{ -moz-transform:scale(0.9,0.9); opacity:0.7;}
	100%{ -moz-transform:scale(1,1); opacity:1;}
}

@-webkit-keyframes mymove {
	0%{ -webkit-transform:scale(0,0); opacity:0;}
	50%{ -webkit-transform:scale(1.2,1.2); opacity:0.3;}
	75%{ -webkit-transform:scale(0.9,0.9); opacity:0.7;}
	100%{ -webkit-transform:scale(1,1); opacity:1;}
}
/*foorter*/