Textarea boyutunu ayarlamak. Yardım Edebilir Misiniz?

07.11.2011 20:04

muhammed649 112 Hayat Kurtarır Kullanıcı

Üyelik 25.08.2011
Yaş/Cinsiyet 30 / E
Meslek Sağlık Personeli
Konum İstanbul Avrupa

Ad Soyad M** B**
Mesajlar 433
Beğeniler 91 / 82
Ticaret 5, (%100)

Merhabalar,

Bugün siteye bu iletişim formunu ekledim fakat textarea boyutunu ayarlayamıyorum. Yardımcı olabilir misiniz ?

07.11.2011 20:14

#2

bd WM Aracı Kullanıcı

Üyelik 26.10.2010
Yaş/Cinsiyet 34 / E
Meslek 2
Konum Manisa

Ad Soyad B** D**
Mesajlar 4926
Beğeniler 784 / 3953
Ticaret 18, (%100)

HTML ve CSS kodları buradan atarsan yardımcı olmaya çalışırız tabikide.

07.11.2011 20:16

#3

ErenKeskin Girişimci, Front-end Developer Kullanıcı

Üyelik 11.09.2011
Yaş/Cinsiyet 29 / E
Meslek Elektrik-Elektronik Mühendisi
Konum Eskişehir

Ad Soyad E** K**
Mesajlar 1223
Beğeniler 243 / 336
Ticaret 2, (%100)

resize: none; dersen o büyütme ortadan kalkacaktır yada de .area classını düzenlerken width: 100px; height: 50px; ver

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

07.11.2011 20:19

#4

occipital Öğrenci-Blog Yazarlığı... Kullanıcı

Üyelik 03.12.2010
Yaş/Cinsiyet 27 / E
Meslek Öğrenci-Blog Yazarlığı...
Konum

Ad Soyad Ç** K**
Mesajlar 1194
Beğeniler 126 / 122
Ticaret 5, (%100)

CSS'de bu kodu kullan



textarea#bicim {

        width: 600px;

        height: 120px;

}

ve daha sonra HTML'de textareanın idsine bicim değerini ver
Yorumunuz

07.11.2011 20:20

#5

muhammed649 112 Hayat Kurtarır Kullanıcı

Üyelik 25.08.2011
Yaş/Cinsiyet 30 / E
Meslek Sağlık Personeli
Konum İstanbul Avrupa

Ad Soyad M** B**
Mesajlar 433
Beğeniler 91 / 82
Ticaret 5, (%100)

bu header.php



    

        

        	

			

            

                Aklınıza takılan her türlü soru ve görüşleriniz için bize ulaşabilirsiniz.

                

                    İsimLütfen isminizi giriniz.


                    

                    E-mailE-mail adresinizi giriniz.


                    

                    MesajınızMesajınızı Yazınız.

Style.css Sitenin kendi css dosyası

body{

	background:#000000 url(../img/bg.png) no-repeat top center fixed !important;

	font-size: 12px !important;

    font-family: Arial, Verdana, Sans-Serif !important;

    margin:0 !important;

    padding:0 !important;



}

* {

	line-height:1.22em;

	outline:0;

}

textarea{

	overflow: auto;

	font-family: arial;

}

img {

	vertical-align:middle;

	border:none;

}

a {

	text-decoration:none;

}

input{

	vertical-align:middle;

}



.pagea {

    color:#ffffff;

    text-decoration:none;

    display:block;

    float:left;

    padding:4px;

    width:16px;

    text-align:center;

    border:1px solid #A8B1B8;

    background:#00275E;

}



.pagea:hover {

    background:#FEB729;

    color:#000000;

}



.clear{

	clear:both !important;

	height:0 !important;

	line-height:0 !important;

	font-size:0 !important;

	margin:0 !important;

	padding:0 !important;

}



.left{

	float:left;

}



.right{

	float:right;

}



.cont{

   text-align: center;

}

.cont .wrapper .block{

   text-align: left;

   background: url('../img/block_bg.jpg') repeat;



   border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

.cont .wrapper .block .login-tabs{

	display: none;

}

.cont .wrapper .block .login-tabs.active{

	display: block;

}

.cont .wrapper .block p{

   margin: 0 0 20px 0;

}

.cont .wrapper .block.login .top{

	border-radius:5px 5px 0 0;

	-moz-border-radius:5px 5px 0 0;

	-webkit-border-radius:5px 5px 0 0;

}

.cont .wrapper .block.login .top .black{

   background: url('../img/login_black_bg.jpg') repeat-x;

   height: 40px;



   border-radius:4px 4px 0 0;

	-moz-border-radius:4px 4px 0 0;

	-webkit-border-radius:4px 4px 0 0;



	-moz-box-shadow:0 -1px 0 #434343;

   -webkit-box-shadow:0 -1px 0 #434343;

   box-shadow:0 -1px 0 #434343;

}

.cont .wrapper .block.login .top .black h2{

   font-size: 13px;

   font-weight: bold;

   color: #cccccc;

   margin: 0;

   padding: 10px 20px;



}

.cont .wrapper .block.login .top .gray{

   background: url('../img/login_gray_bg.jpg') repeat-x;

   height: 40px;



   border-bottom: 1px solid #f2f2f2;

}

.cont .wrapper .block.login .top .gray ul{

   list-style: none;

   margin: 0;

   padding: 12px 20px

}

.cont .wrapper .block.login .top .gray ul li{

   display: inline-block;

	margin-right: 10px;

}

.cont .wrapper .block.login .top .gray ul li a{

   font-size: 11px;

   color: #494949;

   display: inline-block;

   padding:2px 10px 4px 10px;

}

.cont .wrapper .block.login .top .gray ul li a:hover{

   color:#ffffff;

   background:#999999;



   -moz-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;

   -webkit-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;

   box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;



    border-radius:15px;

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

}

.cont .wrapper .block.login .top .gray ul li a.active{

   color:#ffffff;

   background:#999999;



   -moz-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;

   -webkit-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;

   box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;



    border-radius:15px;

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

}



.cont .wrapper .block .content table td {

	font-size: 14px;

	color: #000;

	padding-bottom: 10px;

}



.cont .wrapper .block.login .content{

   padding:20px 30px 5px 30px;

}

.cont .wrapper .block .content .msg div{

    padding: 10px;

    margin-bottom: 10px;

    font-size: 12px;

	position: relative;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);



    border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

.cont .wrapper .block .content .msg div span.close{

	background: url('../img/small_close.png') no-repeat;

	position: absolute;

	width: 17px;

	height: 17px;

	display: block;

	right: 10px;

	top: 9px;

	cursor: pointer;

}

.cont .wrapper .block .content .msg div.error{

   color: #A32326;

   border: solid 1px #DB8288;



   background: #EF8F95;

   background: -webkit-gradient(linear, left top, left bottom, from(#F4AFB2), to(#EF8F95)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #F4AFB2, #EF8F95); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #F4AFB2, #EF8F95); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2, endColorstr=#EF8F95);

}

.cont .wrapper .block .content .msg div.success{

   color: #39531E;

   border: solid 1px #8FC256;



   background: #91C358;

   background: -webkit-gradient(linear, left top, left bottom, from(#A8D07C), to(#91C358)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #A8D07C, #91C358); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #A8D07C, #91C358); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C, endColorstr=#91C358);

}

.cont .wrapper .block .content .msg div.warning{

   color: #9D4300;

   border: solid 1px #FFA34F;



   background: #F19D49;

   background: -webkit-gradient(linear, left top, left bottom, from(#FFC474), to(#F19D49)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #FFC474, #F19D49); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #FFC474, #F19D49); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474, endColorstr=#F19D49);

}

.cont .wrapper .block .content .msg div.info{

   color: #0067CE;

   border: solid 1px #6BBAFF;



   background: #6BBAFF;

   background: -webkit-gradient(linear, left top, left bottom, from(#94D1FF), to(#6BBAFF)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #94D1FF, #6BBAFF); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #94D1FF, #6BBAFF); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF, endColorstr=#6BBAFF);

}



.cont .wrapper .block .content .msg ul{

    padding: 10px;

    margin: 0 0 10px 0;

    font-size: 12px;

	 position: relative;



    border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

   list-style: none;

}

.cont .wrapper .block .content .msg ul li{

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

}

.cont .wrapper .block .content .msg ul li.close{

	background: url('../img/small_close.png') no-repeat;

	position: absolute;

	width: 17px;

	height: 17px;

	display: block;

	right: 10px;

	top: 9px;

	cursor: pointer;

}

.cont .wrapper .block .content .msg ul.error{

   color: #A32326;

   border: solid 1px #DB8288;



   background: #EF8F95;

   background: -webkit-gradient(linear, left top, left bottom, from(#F4AFB2), to(#EF8F95)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #F4AFB2, #EF8F95); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #F4AFB2, #EF8F95); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2, endColorstr=#EF8F95);

}

.cont .wrapper .block .content .msg ul.success{

   color: #39531E;

   border: solid 1px #8FC256;



   background: #91C358;

   background: -webkit-gradient(linear, left top, left bottom, from(#A8D07C), to(#91C358)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #A8D07C, #91C358); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #A8D07C, #91C358); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C, endColorstr=#91C358);

}

.cont .wrapper .block .content .msg ul.warning{

   color: #9D4300;

   border: solid 1px #FFA34F;



   background: #F19D49;

   background: -webkit-gradient(linear, left top, left bottom, from(#FFC474), to(#F19D49)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #FFC474, #F19D49); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #FFC474, #F19D49); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474, endColorstr=#F19D49);

}

.cont .wrapper .block .content .msg ul.info{

   color: #0067CE;

   border: solid 1px #6BBAFF;



   background: #6BBAFF;

   background: -webkit-gradient(linear, left top, left bottom, from(#94D1FF), to(#6BBAFF)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #94D1FF, #6BBAFF); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #94D1FF, #6BBAFF); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF, endColorstr=#6BBAFF);

}

.cont .wrapper .block .content .msg {



}

.cont .wrapper .block .content .msg p {

	margin: 10px 0 0 0;

}

.cont .wrapper .block .content .msg p:first-child {

	margin: 0;

}



.cont .wrapper .block.login p label{

   font-size: 11px;

   color:#595959;

}

.cont .menu{

   height: 57px;

   text-align: center;

   padding-top: 4px;

   margin-bottom: 45px;

}

.cont .wrapper .block.login p input.black.small{

   height:32px;

   width:82px;

   padding: 5px 10px;

   border: none;



   color:#ffffff;

   font-weight: bold;

   font-size: 11px;



   margin-right: 20px;

   cursor: pointer;

	text-shadow: 0 1px 0 #252525;



   background: url('../img/black_small.png') no-repeat;

}

.cont .wrapper .block p input.gray.small{

   height:32px;

   width:82px;

   padding: 5px 10px;

   border: none;

   cursor: pointer;



   color:#5B5B5B;

   font-weight: bold;

   font-size: 11px;

	text-shadow: 0 1px 0 #D5D5D5;



   background: url('../img/gray_small.png') no-repeat;

}



/* 1st layer menu*/

.cont .menu .menu-wrap ul{

   padding: 0;

   margin: 0;

   list-style: none;

   font-size: 0;

}

.cont .menu .menu-wrap ul li{

	height: 57px;

	display: inline-block;

	border-right: 1px solid rgba(0,0,0,0.2);

	border-left: 1px solid rgba(255,255,255,0.1);

	position: relative;

}

.cont .menu .menu-wrap ul li a{

	border: none;

	font-size: 14px;

	color: #ffffff;

	padding: 20px 10px;

	display: inline-block;

	border-right: 1px solid rgba(255,255,255,0.1);

	text-shadow: 0 1px 0 rgba(0,0,0,0.5);

	font-weight: 300;

}

.cont .menu .menu-wrap ul li a:hover{

   background: url('../img/menu_top_bg.png') repeat;

	border-right: 1px solid rgba(0,0,0,0.1);

}

.cont .menu .menu-wrap ul li.iehover {

	border-left: 1px solid rgba(0,0,0,0.2);

}

.cont .menu .menu-wrap ul li.iehover a{

  background: url('../img/menu_top_bg.png') repeat;

}





/* 2nd layer menu*/

.cont .menu .menu-wrap ul li:hover ul li a,

.cont .menu .menu-wrap ul li.iehover ul li a{

	background: url('../img/submenu_bg.png') repeat;

}



.cont .menu .menu-wrap ul li:hover ul li a:hover,

.cont .menu .menu-wrap ul li.iehover ul li a:hover{

	background: none;

	background-color: #000000;

}



.cont .menu .menu-wrap ul li ul{

	display: none;

	position: absolute;

	top: 57px;

	left: -2px;

	width: 150px;

	z-index: 20;

}

.cont .menu .menu-wrap ul li ul li{

	display: block;

	background: none;

	height: 30px;

	position: relative;

	border: 0;

}

.cont .menu .menu-wrap ul li ul li.iehover {

	border: 0;

}

.cont .menu .menu-wrap ul li ul li a{

	height: 16px;

	padding: 7px 10px;

	background: url('../img/submenu_bg.png') repeat;

	color: #999999;

	font-size: 12px;

	display: block;

	font-family: arial;

	font-style: normal;

	font-weight: normal;

}



.cont .menu .menu-wrap ul li:hover li a:hover,

.cont .menu .menu-wrap ul li:hover li:hover a,

.cont .menu .menu-wrap ul li.iehover li a:hover,

.cont .menu .menu-wrap ul li.iehover li.iehover a {

	background-color: #000000;

	color: #ffffff;

}



/* 3rd layer menu*/

.cont .menu .menu-wrap ul li ul li ul{

	position: absolute;

	top: 0;

	left: 150px;

}

.cont .menu .menu-wrap ul li:hover ul li:hover ul li a,

.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li a{

	background: url('../img/submenu_bg.png') repeat;

	color: #999999;

}

.cont .menu .menu-wrap ul li:hover ul li:hover ul li a:hover,

.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li a:hover{

	background-color: #000000;

	color: #ffffff;

}

.cont .menu .menu-wrap ul li:hover li:hover li a:hover,

.cont .menu .menu-wrap ul li:hover li:hover li:hover a,

.cont .menu .menu-wrap ul li.iehover li.iehover li a:hover,

.cont .menu .menu-wrap ul li.iehover li.iehover li.iehover a{

	background-color: #000000;

	color: #ffffff;

}



/* 4 layer menu*/

.cont .menu .menu-wrap ul li:hover ul li:hover ul li:hover ul li a,

.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li.iehover ul li a{

	background: url('../img/submenu_bg.png') repeat;

	color: #999999;

}

.cont .menu .menu-wrap ul li:hover ul li:hover ul li:hover ul li a:hover,

.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li.iehover ul li a:hover{

	background-color: #000000;

	color: #ffffff;

}



.cont .menu .menu-wrap .logo{

   background: url('../img/logo_bg.png') no-repeat;

   width: 102px;

   height: 89px;

   float: left;

}

.cont .menu .menu-wrap .search{

   height: 27px;

   padding: 15px 0;

   width: 140px;

}

.cont .menu .menu-wrap .search input.search{

   border: medium none;

    color: #FFFFFF;

    font-family: 'Lato';

    font-size: 11px;

    font-style: italic;

    font-weight: 400;

    height: 22px;

    line-height: 14px;

    padding: 3px 10px 2px 35px;

    width: 97px;

    position: absolute;

    right: 15px;

}

.cont .menu .menu-wrap .login{

	margin-top: 1px;

   width: 43px;

   height: 56px;

   background: url('../img/login-border.png') no-repeat left,url('../img/login-border.png') no-repeat right;

   position: relative;

   cursor: pointer;

   margin-left: 150px;

	position: relative;

}

.cont .menu .menu-wrap .login span.ico{

	position: absolute;

	top:24px;

	left: 12px;

	display: block;

	width: 19px;

	height: 17px;

	z-index: 0;

}

.cont .menu .menu-wrap .login.active{

	background: url('../img/login-border.png') no-repeat left,url('../img/login-border.png') no-repeat right,rgba(0,0,0,0.3);

}



.cont .menu .menu-wrap .login .details{

	display: none;

	width: 220px;

	cursor: default;

	position: absolute;



	top: 65px;

	left: -170px;

	background-color: #ffffff;

	z-index: 10;

	text-align: left;



	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;



	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);

   -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);

   box-shadow:0 1px 2px rgba(0,0,0,0.5);

}

.cont .menu .menu-wrap .login .details .top{

	position: relative;

	padding: 10px 0 10px 0;

	border-bottom: solid 1px #F6B645;



	background: #FECF4C;

   background: -webkit-gradient(linear, left top, left bottom, from(#FECF4C), to(#F5AA25)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #FECF4C, #F5AA25); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #FECF4C, #F5AA25); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FECF4C, endColorstr=#F5AA25);



	border-radius:5px 5px 0 0;

	-moz-border-radius:5px 5px 0 0;

	-webkit-border-radius:5px 5px 0 0;

}

.cont .menu .menu-wrap .login .details .top .pointer{

	position: absolute;

	top: -7px;

	right: 20px;

	background: url('../img/login_pointer_orange.png') no-repeat;

	width: 14px;

	height:8px;

}

.cont .menu .menu-wrap .login .details .top .bbg{

	background: url('../img/login_orange_bg.png') no-repeat;

	position: absolute;

	bottom: -2px;

	left: 5px;

	width: 204px;

	height: 3px;

}

.cont .menu .menu-wrap .login .details .top img{

	position: absolute;

	top: 10px;

	left: 15px;



	border: solid 1px #FFA317;



	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;



	-moz-box-shadow:0 1px 0 #F9C86B;

   -webkit-box-shadow:0 1px 0 #F9C86B;

   box-shadow:0 1px 0 #F9C86B;

}

.cont .menu .menu-wrap .login .details .top .line{

	margin-left: 70px;

	margin-bottom: 5px;

}

.cont .menu .menu-wrap .login .details .top .line a{

	color: #643D06;

	text-decoration: underline;



	font-family: 'Lato';

	font-size: 11px;

	font-weight: 400;

}

.cont .menu .menu-wrap .login .details .top .line a:hover{

	text-decoration: none;

}

.cont .menu .menu-wrap .login .details .top .line.email{

	color: #643D06;



	font-family: 'Lato';

	font-style: italic;

   font-size: 12px;

   font-weight: 400;

}

.cont .menu .menu-wrap .login .details .top .line.name{

	width: 140px;

}

.cont .menu .menu-wrap .login .details .top .line.name a{

	color: #643D06;



	font-family: 'Lato';

   font-size: 15px;

   font-weight: 900;

   text-decoration: none;

}

.cont .menu .menu-wrap .login .details .top .line.name a:hover{

	text-decoration: underline;

}





.cont .menu .menu-wrap .login .details .bottom{

	padding: 10px 0;

	background: #FECF4C;

   background: -webkit-gradient(linear, left top, left bottom, from(#FECF4C), to(#F5AA25)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #FECF4C, #F5AA25); /* for firefox 3.6+ */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FECF4C, endColorstr=#F5AA25);



	border-radius:0 0 5px 5px;

	-moz-border-radius:0 0 5px 5px;

	-webkit-border-radius:0 0 5px 5px;

}

.cont .menu .menu-wrap .login .details .bottom .line {



}

.cont .menu .menu-wrap .login .details .bottom .line a{

	background: url('../img/login_line_orange_bg.png') no-repeat bottom;



	padding: 10px 15px;

	display: block;



	font-size: 11px;

	color: #643D06;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

}

.cont .menu .menu-wrap .login .details .bottom .line a:hover{

	background-color: rgba(0,0,0,0.35);

	color: white;

	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

}

.cont .menu .menu-wrap .login .details .bottom .line:last-child a {

	background: none;

}

.cont .menu .menu-wrap .login .details .bottom .line:last-child a:hover {

	color: white;

	background-color: rgba(0,0,0,0.35);

}





.cont .menu .menu-wrap .login span.no{

	display: block;

   color: #304411;

   font-size: 9px;

   position: absolute;

   right: 7px;

   top: 10px;

	padding: 1px 3px;

	z-index: 1;



	background: #FFB653;

   background: -webkit-gradient(linear, left top, left bottom, from(#FFB653), to(#EE931A)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #FFB653, #EE931A); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #FFB653, #EE931A); /* for opera */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB653, endColorstr=#EE931A);



	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;



	-moz-box-shadow:1px 1px 3px #2F4310, inset 0 2px 0 0 #FFCC87;;

   -webkit-box-shadow:1px 1px 3px #2F4310, inset 0 2px 0 0 #FFCC87;;

   box-shadow:1px 1px 3px #2F4310,  inset 0 2px 0 0 #FFCC87;;

}

.cont .wrapper .block .tbl.small{

	width: 122px !important;

	height: 40px !important;

	border: none;

	padding: 5px 10px;

	display: inline-block;

	cursor: pointer;

	margin: 0 0 0 10px;



	font-size: 15px !important;

	font-family: 'Lato';

   font-style: normal;

   font-weight: 900;

}

.cont .wrapper .sidebar .block .content .tbl.small{

	margin: 0 0 0 80px;

}

.cont .wrapper .block .tbl.small.green{

	background: url('../img/submit_green_small.png') no-repeat;

	color: #40581D;

	text-shadow: 0 1px 0 #A2C966;

}



.cont .wrapper .block .tbl.small.green:hover{

	background: url('../img/submit_green_small.png') no-repeat 0 -40px;

	color: #ffffff;

	text-shadow: 0 1px 0 #6A9032;

}

.cont .wrapper .block .tbl.small.gray{

	background: url('../img/submit_gray_small.png') no-repeat;

	color: #4F4F4F;

	text-shadow: 0 1px 0 #ECECEC;

}



.cont .wrapper .block .tbl.small.gray:hover{

	background: url('../img/submit_gray_small.png') no-repeat 0 -40px;

	color: #ffffff;

	text-shadow: 0 1px 0 #808080;

}

.cont .wrapper .block .tbl.small.yellow{

	background: url('../img/submit_yellow_small.png') no-repeat;

	color: #7B550F;

	text-shadow: 0 1px 0 #EBD270;

}



.cont .wrapper .block .tbl.small.yellow:hover{

	background: url('../img/submit_yellow_small.png') no-repeat 0 -40px;

	color: #ffffff;

	text-shadow: 0 1px 0 #9D8422;

}

.cont .wrapper .block .tbl.small.red{

	background: url('../img/submit_red_small.png') no-repeat;

	color: #521D1D;

	text-shadow: 0 1px 0 #EA6565;

}



.cont .wrapper .block .tbl.small.red:hover{

	background: url('../img/submit_red_small.png') no-repeat 0 -40px;

	color: #ffffff;

	text-shadow: 0 1px 0 #A92E2E;

}



.cont .wrapper .block.login{

   width: 400px;

   margin: 0 auto;



	border-radius:5px 5px 0 0;

	-moz-border-radius:5px 5px 0 0;

	-webkit-border-radius:5px 5px 0 0;

}

.cont .wrapper h1.logo{

   text-align: left;

   margin: 50px auto 10px auto;

   padding: 0;

   width: 400px;

}

.cont .wrapper .block.login p input.text{

   width:334px;

   height:22px;

   border-top:solid 1px #B7B7B7;

   border-bottom: none;

   border-left: none;

   border-right: none;

   padding: 2px 4px;

   color:#333333;



    border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.cont .menu .menu-wrap ul{

   text-align: left;

}

.cont .menu .menu-wrap{

   margin: 0 auto;

   height: 57px;

}

.cont .wrapper .sidebar.left{

   float: left;

   margin-right: 20px;

}

.cont .wrapper .sidebar.right{

   margin-left: 20px;

}

.cont .wrapper .sidebar{

   width: 300px;

}

.cont .wrapper .sidebar .block{

   margin-bottom: 20px;

}

.cont .wrapper .sidebar .block .top{

   background: url('../img/block_top_bg.jpg') repeat-x;

   height: 35px;

   width: 300px;

   position: relative;



    border-radius:5px 5px 0 0;

	-moz-border-radius:5px 5px 0 0;

	-webkit-border-radius:5px 5px 0 0;

}

.cont .wrapper .sidebar .block.closed .top {

    border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px ;

}

.cont .wrapper .sidebar .block .top h2{

   margin: 0;

   font-size: 15px;

   font-weight: 900;

   color: #333333;

   padding: 8px 0 8px 16px;

   width: 250px;



   font-family: 'Lato';

   font-style: normal;

   font-weight: normal;

}

.cont .wrapper .sidebar .block.closed .top a.toggle{

	background: url('../img/black_arrow_closed.png') no-repeat 2px 4px;

}

.cont .wrapper .sidebar .block .top a.toggle{

   background: url('../img/black_arrow.png') no-repeat 2px 4px;

   width: 20px;

   height: 20px;

   display: block;

   position: absolute;

   top: 8px;

   right: 20px;

}

.cont .wrapper .sidebar .block .content{

   padding:10px;

}

.cont .wrapper .sidebar .block .content.text{

   font-size: 12px;

   color: #333333;

   padding: 15px 25px 25px 25px;

	line-height: 22px;

}

.cont .wrapper .sidebar .block .content.text h3{

   margin: 0 0 10px 0;



   font-size: 11px;

   font-family: 'Lato';

   font-style: normal;

   font-weight: 900;

}

.cont .wrapper .sidebar .block .content ul{

   padding: 0;

   margin: 0;

   list-style: none;

}

.cont .wrapper .sidebar .block .content ul li{

   margin-bottom: 3px;

}

.cont .wrapper .sidebar .block .content ul li a{

   display: block;

   padding: 6px 11px;

   font-size: 13px;

   color: #333333;

}

.cont .wrapper .sidebar .block .content ul li a.active,

.cont .wrapper .sidebar .block .content ul li a:hover{

   padding: 5px 10px;

   color: #ffffff;

	border: 1px solid white;

	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;



   border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}



.cont .wrapper .block.medium .top{

   background: url('../img/top_bg.png') no-repeat left top, url('../img/h1_bg.png') no-repeat right top;

   left: 0px;

   position: absolute;

   top: 10px;

}

.cont .wrapper .block.medium .top h1{

   margin: 5px 0 0 0;

   font-family: 'PT Sans Narrow';

   font-size: 34px;

   color: #ffffff;

   padding: 5px 295px 10px 50px;



}

.cont .wrapper .block.medium .top ul{

   padding: 0;

   margin: 0;

   list-style: none;

   font-size: 0;

   position: absolute;

   top: 25px;

   right: 10px;

   width: 300px;

   text-align: right;

}

.cont .wrapper .block.medium .top ul li{

   display: inline-block;

   height: 20px;

   background: url("../img/menu_separator.png") no-repeat;

}



.cont .wrapper .block.medium .top ul li:first-child{

	background: none;

}



.cont .wrapper .block.medium .top ul li a{

   color: #ffffff;

   font-size: 13px;

   display: inline-block;

   padding: 2px 10px;



   font-family: 'Lato';

    font-style: normal;

    font-weight: 700;

}

.cont .wrapper .block.medium .top ul li a.selected,

.cont .wrapper .block.medium .top ul li a:hover{

   text-decoration: underline;

}

.cont .wrapper .block.medium .content{

   margin-top: 65px;

}

.cont .wrapper .block .content h2{

   margin:10px;



   font-family: 'PT Sans Narrow';

   font-size: 26px;

   font-weight: 500;

	text-shadow: 0 1px 0 rgba(255,255,255,0.75);

}

.cont .wrapper .block .content h3{

   color:#333333;

   margin:10px;



   font-family: 'PT Sans Narrow';

   font-size: 24px;

   font-weight: 500;

	text-shadow: 0 1px 0 rgba(255,255,255,0.75);

}

.cont .wrapper .block .content h4{

   color:#333333;

   margin:10px;



   font-family: 'PT Sans Narrow';

   font-size: 22px;

   font-weight: 500;

	text-shadow: 0 1px 0 rgba(255,255,255,0.75);

}

.cont .wrapper .block .content h5{

   color:#333333;

   margin:10px;



   font-family: 'PT Sans Narrow';

   font-size: 20px;

   font-weight: 500;

	text-shadow: 0 1px 0 rgba(255,255,255,0.75);

}

.cont .wrapper .block.medium .content hr{

	background: url("../img/hr_bg.png") no-repeat;

	border: none;

	margin: 15px 0;

	height: 2px;

}

.cont .wrapper .block.medium .content p{

	font-size: 12px;

	color: #333333;

	margin: 0 0 10px 0;

}

.cont .wrapper .block.medium .content form fieldset,

.cont .wrapper .block.medium .content .form{

	padding: 20px;

	margin: 5px 0 0 0;

	border: 0;

	background: url('../img/fieldset_bg.jpg') repeat;

	position: relative;

	border: solid 1px #ADADAD;



	 border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

.cont .wrapper .block.medium .content form fieldset legend{

	padding: 0;

	position: absolute;

	top: -40px;

	left: 0;



	font-family: 'Lato';

   font-style: normal;

   font-weight: 300;

	font-size: 14px;

	color: #666666;

}

.cont .wrapper .block.medium .content p{

	clear: both;

	line-height: 22px;

}

.cont .wrapper .block.medium .content form fieldset p label,

.cont .wrapper .block.medium .content .form p label{

	font-family: 'Lato';

   font-style: normal;

   font-weight: bold;

	font-size: 12px;

	color: #4b4b4b;

	display: inline-block;

	margin-bottom: 5px;

}

.cont .wrapper .block.medium .content form fieldset p label.checkbox,

.cont .wrapper .block.medium .content .form p label.checkbox{

	margin-right: 20px;

}

.cont .wrapper .block.medium .content form fieldset p label.radio,

.cont .wrapper .block.medium .content .form p label.radio{

	margin-right: 20px;

}

.cont .wrapper .block.medium .content form fieldset p small.above,

.cont .wrapper .block.medium .content .form p small.above{

	float: right;

	font-size: 11px;

	color: #828282;

}

.cont .wrapper .block.medium .content form fieldset p small.below,

.cont .wrapper .block.medium .content .form p small.below{

	color: #828282;

   display: block;

   font-size: 11px;

   margin-top: 5px;

}

.cont .wrapper .block.medium .content form fieldset p input.text.error,

.cont .wrapper .block.medium .content .form p input.text.error{

	border: solid 1px #9C0303 !important;

}

.cont .wrapper .block.medium .content form fieldset p span.error,

.cont .wrapper .block.medium .content .form p span.error{

	float: right;

	font-size: 12px;

	color: #A80000;

}

.cont .wrapper .block.medium .content form fieldset p input.text.big,

.cont .wrapper .block.medium .content .form p input.text.big{

	height: 30px;

	border:solid 1px #9A9A9A;

	padding: 2px 4px;

	color: #333333;



	 border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

input.text.big{

	height: 30px;

	min-width: 216px;

	border:solid 1px #9A9A9A;

	padding: 2px 4px;

	color: #333333;

	 border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

input.password{

	width: 180px;

	height: 30px;

	border:solid 1px #9A9A9A;

	padding: 2px 40px 2px 4px;

	color: #333333;

	background: url('../img/pass_bg.png') no-repeat right #ffffff;



	 border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

textarea{

	border: solid 1px #bbbbbb;

	font-size: 12px;

	color: #333333;

	min-width: 587px;

	padding: 2px 4px;



	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.cont .wrapper .block.medium .content form fieldset p input.password,

.cont .wrapper .block.medium .content .form p input.password{

	width: 280px;

	height: 30px;

	border:solid 1px #9A9A9A;

	padding: 2px 40px 2px 4px;

	color: #333333;

	background: url('../img/pass_bg.png') no-repeat right #ffffff;



	 border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.cont .wrapper .block.medium .content form fieldset p input.datepicker,

.cont .wrapper .block.medium .content .form p input.datepicker{

	width: 150px;

	height: 30px;

	border:solid 1px #9A9A9A;

	padding: 2px 40px 2px 4px;

	color: #333333;

	background: url('../img/date_bg.png') no-repeat right #ffffff;



	 border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.cont .wrapper .block.medium .content form fieldset p textarea,

.cont .wrapper .block.medium .content .form p textarea{

	border: solid 1px #bbbbbb;

	font-size: 12px;

	color: #333333;

	min-width: 587px;

	padding: 2px 4px;



	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}



.cont .wrapper .block.medium .top h2{

   margin: 5px 0 0 0;



   font-family: 'PT Sans Narrow';

   font-size: 26px;

   color: #ffffff;



   padding: 10px 295px 10px 50px;

}

.cont .wrapper .block.medium .top h2.h1{

   font-size:34px;

	margin: 5px 0 0;

   padding: 10px 295px 10px 50px;

}

.cont .wrapper .block.medium .top input.search{

    border: medium none;

    color: #FFFFFF;

    font-family: 'Lato';

    font-size: 11px;

    font-style: italic;

    font-weight: 400;

    height: 20px;

    line-height: 14px;

    padding: 5px 10px 2px 35px;

    width: 97px;

	 position: absolute;

	 margin-top: -10px;

	 top: 50%;

	 right: 15px;

}

.cont .wrapper .top-msg .message{

	height: 90px;

	clear: both;

	margin: 0 auto 20px auto;

	position: relative;

	padding: 15px;

	text-align: left;



	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

.cont .wrapper .top-msg .message span.close{

	background: url('../img/close.png') no-repeat;

	position: absolute;

	right: 7px;

	top: 10px;

	width: 24px;

	height: 25px;

	cursor: pointer;

}

.cont .wrapper .top-msg .message h2{

	margin: 10px 0 10px 115px;

	font-size: 24px;

	font-family: 'Lato';

   font-style: normal;

   font-weight: 700;

	color: #ffffff;

}

.cont .wrapper .top-msg .message p{

	font-size: 13px;

	color: #ffffff;

	margin: 10px 0 10px 115px;

}

.cont .wrapper .top-msg .message.error{

	background: url('../img/error_bg.jpg') repeat-x;

	text-shadow: 0 1px 0 #590101;

}

.cont .wrapper .top-msg .message.error span.bg{

	background: url('../img/error_span_bg.png') no-repeat;

	position: absolute;

	left: 45px;

	top: 35px;

	width: 58px;

	height: 60px;

}

.cont .wrapper .top-msg .message.success{

	background: url('../img/success_bg.jpg') repeat-x;

	text-shadow: 0 1px 0 #36481B;

}

.cont .wrapper .top-msg .message.success span.bg{

	background: url('../img/success_span_bg.png') no-repeat;

	position: absolute;

	left: 45px;

	top: 35px;

	width: 58px;

	height: 60px;

}

.cont .wrapper .top-msg .message.warning{

	background: url('../img/warning_bg.jpg') repeat-x;

	text-shadow: 0 1px 0 #824B0C;

}

.cont .wrapper .top-msg .message.warning span.bg{

	background: url('../img/warning_span_bg.png') no-repeat;

	position: absolute;

	left: 45px;

	top: 35px;

	width: 76px;

	height: 60px;

}

.cont .wrapper .top-msg .message.info{

	background: url('../img/info_bg.jpg') repeat-x;

	text-shadow: 0 1px 0 #0A3B57;

}

.cont .wrapper .top-msg .message.info span.bg{

	background: url('../img/info_span_bg.png') no-repeat;

	position: absolute;

	left: 45px;

	top: 35px;

	width: 60px;

	height: 60px;

}



.cont .wrapper .block .content ul.image-list{

	list-style: none;

	margin: 0;

	padding: 0;

}

.cont .wrapper .block .content ul.image-list li{

	float: left;

	width: 110px;

	height: 110px;

	position: relative;

	margin: 0 45px 20px 0;

}

.cont .wrapper .block .content ul.image-list li img{

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.cont .wrapper .block .content ul.image-list li.ui-state-highlight{

	border:solid 1px #cccccc;

	background: #D3D3D3;

	width: 108px;

	height: 108px;



	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.cont .wrapper .block .content ul.image-list li ul{

	display: none;

	list-style: none;

	padding: 0;

	margin: 0;

	bottom: 0;

	left: 0;

	position: absolute;

}

.cont .wrapper .block .content ul.image-list li ul li{

	display: inline-block;

	width: 110px;

	height: 22px;

	position: static;

	margin: 0;

}

.cont .wrapper .block .content ul.image-list li ul li{

	background: rgba(51,51,51,0.95);

}

.cont .wrapper .block .content ul.image-list li ul li a{

	display: inline-block;

	padding: 5px 20px;

	margin: 0 0 0 10px;

	font-size: 10px;

	color: #ffffff;

}

.cont .wrapper .block .content ul.image-list li ul li a:hover{

	text-decoration: underline;

}

.cont .wrapper .block .content ul.image-list li span.move{

	width: 21px;

	height: 21px;

	position: absolute;

	bottom: 89px;

	left: 0;

	background: url('../img/img_move.png') no-repeat;

	display: block;

	cursor: pointer;

	display: none;

}

.cont .wrapper .block .content ul.image-list li ul li.edit a{

	background: url('../img/img_edit.png') no-repeat left;

}

.cont .wrapper .block .content ul.image-list li ul li.delete a{

	background: url('../img/img_delete.gif') no-repeat left;

}

.cont .wrapper .block .content ul.image-list li ul li.view a{

	background: url('../img/img_view.gif') no-repeat left;

}

.cont .wrapper .block .content hr {

    border-top: solid 1px #cccccc;;

    height: 1px;

    margin: 15px 0;



	 filter:alpha(opacity=60);

	 opacity:0.6;

	 clear: both;

}

.cont .wrapper .block .content .loader{

	height: 20px;

	border: solid 1px #111111;

	padding: 6px;

	position: relative;

	margin: 20px 0;



	background: #222222;

   background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#454545)); /* for webkit browsers */

   background: -moz-linear-gradient(top,  #222222, #454545); /* for firefox 3.6+ */

   background: -o-linear-gradient(top,  #222222, #454545); /* for firefox 3.6+ */



	border-radius:15px;

	-moz-border-radius:15px;

	-webkit-border-radius:15px;



	-moz-box-shadow:0 1px 0 #ffffff, 0 -1px 0 #ffffff;

   -webkit-box-shadow:0 1px 0 #ffffff, 0 -1px 0 #ffffff;

   box-shadow:0 1px 0 #ffffff, 0 -1px 0 #ffffff;

}



.cont .wrapper .block .content .loader .progress{

	height: 20px;



	border-radius:15px;

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

}

.cont .wrapper .block .content .loader .progress .ui-progressbar-value{

	height: 20px;



	border-radius:15px;

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

}

.cont .wrapper .block .content .loader .percentage{

	position: absolute;

	top: 50%;

	margin-top: -8px;

	right: 25px;



	color: #ffffff;

	font-size: 14px;

	font-family: 'Lato';

   font-style: normal;

   font-weight: 700;



   text-shadow: 0 1px 0 rgba(0,0,0,0.5);

}



.cont .wrapper .footer{

	height: 30px;

	margin: 0 0 15px 0;

	padding: 15px 30px;



	background: url("../img/footer_bg.png") repeat-x;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

.cont .wrapper .footer a{

	font-size: 11px;

	color: #333333;

}

.cont .wrapper .footer a:hover{

	text-decoration: underline;

}



.cont .wrapper .block select.styled{

	width: 260px;

	height: 38px;

	border: solid 1px #9B9B9B;

}

.cont .wrapper .block .cmf-skinned-select{

	background: url('../img/select_bg.png') no-repeat right;

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	height: 36px !important;

}

.cont .wrapper .block .cmf-skinned-text{

	padding: 7px 10px;

	color: #666666;

	font-size: 15px;

	border: solid 1px #9B9B9B;

	background-color: #ffffff;

	height: 20px !important;

	width: 200px !important;



	border-radius:4px 0 0 4px;

	-moz-border-radius:4px 0 0 4px;

	-webkit-border-radius:4px 0 0 4px;

}

.cont .wrapper .block .pager .cmf-skinned-text{

	height: 18px !important;

}

.ui-autocomplete{

	list-style: none;

	padding: 0;

	margin: 0;

	background: #E8E8E8;

	background: rgba(232,232,232,0.9);

	width: 140px;



	-moz-box-shadow:1px 1px 3px #000000;

   -webkit-box-shadow:1px 1px 3px #000000;

   box-shadow:1px 1px 3px #000000;

}

.ui-autocomplete .ui-menu-item{

	width: 142px;

}

.ui-autocomplete .ui-menu-item a{

	text-align: left;

	display: block;

	padding: 5px 10px;

	color: #000000;

}



.ui-autocomplete .ui-menu-item a.ui-state-hover{

	color: #ffffff;

	display: block;

}



.cont .wrapper .block p.file{

	height: 60px;

}

.cont .wrapper .block.medium{

   padding: 20px;

   position: relative;

   min-height: 100px;

	margin-bottom: 50px;

}

/*END ALL*/





/*FIXED*/

.cont.fixed .wrapper .block.medium{

   width: 640px;

}

.cont.fixed .wrapper{

   margin: auto;

   width: 1000px;

   clear: both;

}

.cont.fixed .wrapper .top-msg.medium{

	width: 680px;

}

.cont.fixed .wrapper .block.medium .content form fieldset p input.text.big,

.cont.fixed .wrapper .block.medium .content .form p input.text.big{

	width: 588px;

}

.cont.fixed .wrapper .block.medium .content form fieldset p textarea,

.cont.fixed .wrapper .block.medium .content .form p textarea{

	width: 587px;

	min-width: 587px;

	max-width:587px;

}

.cont.fixed .wrapper .block.medium .top{

   width: 680px;

}

.cont.fixed .wrapper .top-msg.medium{

	width: 680px;

}

.cont.fixed .wrapper .top-msg.big{

	width: 1000px;

}



.cont.fixed .wrapper .footer{

	width: 945px;

}

.cont.fixed .wrapper .sidebar.right{

	float: right;

}

.cont.fixed .menu .menu-wrap{

   width: 1000px;

}

.cont.fixed .menu .menu-wrap ul{

   width: 700px;

   float: left;

}

.cont.fixed .menu .menu-wrap ul li ul{

	width: 150px;

}

.cont.fixed .menu .menu-wrap .search{

   float: left;

   position: relative;

}

.cont.fixed .menu .menu-wrap .login{

   float: left;

}

/*END FIXED*/



/*LIQUID*/

.cont.liquid .wrapper {

	min-width: 1000px;

	margin: 0 20px 0 20px;

	position: relative;

}

.cont.liquid .wrapper .sidebar.left{

	float: none;

	position: absolute;

	left:0;

	top:0;

}

.cont.liquid .wrapper .block.medium.right{

	margin-left: 350px;

	min-width: 640px;

	float: none;

}

.cont.liquid .wrapper .block.medium .content form fieldset p input.text.big,

.cont.liquid .wrapper .block.medium .content .form p input.text.big{

	width: 100%;

}

.cont.liquid .wrapper .block.medium .content form fieldset p textarea,

.cont.liquid .wrapper .block.medium .content .form p textarea{

	width: 100%;

	min-width: 587px;

}

.cont.liquid .wrapper .block.medium .top{

   width: 100%;

	padding-right: 19px;

	overflow: hidden;

}

.cont.liquid .wrapper .block.medium .top h1{

	width: 100%;

}

.cont.liquid .wrapper .top-msg.medium.right{

	margin-left: 350px;

	min-width: 680px;

	float:none;

}

.cont.liquid .wrapper .block.medium .top h2{

	width: 100%;

}

.cont.liquid .wrapper .top-msg.big{

	min-width:1000px;

	width: 100%;

}



.cont.liquid .wrapper .sidebar.right{

	position: absolute;

	right: 0;

	top:0;

}

.cont.liquid .wrapper .block.medium.left{

	margin-right: 350px;

	min-width: 640px;

	float: none;

}

.cont.liquid .wrapper .top-msg.medium.left{

	margin-right: 350px;

	min-width: 680px;

	float:none;

}

.cont.liquid .menu .menu-wrap{

   margin-left: 20px;

   margin-right: 20px;

	min-width: 1000px;

	position: relative;

}

.cont.liquid .menu .menu-wrap .search{

   position: absolute;

	right:55px;

	top:7px;

}

.cont.liquid .menu .menu-wrap .login{

	position: absolute;

	right: 0;

	top:0px;

}

/*END LIQUID*/





/* QUICK LINKS */

ul.shortcuts {

	margin: 0;

	padding: 0;

	list-style: none;

	overflow: auto;

}

ul.shortcuts li {

	margin: 0 0 10px 10px;

	padding: 0;

	float: left;

}

ul.shortcuts li a {

	display: inline-block;

	width: 300px;

	height: 50px;

	background: red;

	border: 1px solid #bbbbbb;

	position: relative;

	color: #333333;



	text-shadow: 0 1px 0 rgba(255,255,255,0.7);



	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;



	background-color: #cccccc;

	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #dddddd, #bbbbbb); /* for firefox 3.6+ */

	background: -o-linear-gradient(top,  #dddddd, #bbbbbb); /* for firefox 3.6+ */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#bbbbbb);

}

ul.shortcuts li a:hover {



	background-color: #bbbbbb;

	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#999999)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #dddddd, #999999); /* for firefox 3.6+ */

	background: -o-linear-gradient(top,  #dddddd, #999999); /* for firefox 3.6+ */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#999999);

}

ul.shortcuts li a span.image {

	position: absolute;

	left: 1px;

	top: 1px;

}

ul.shortcuts li a span.title {

	position: absolute;

	left: 55px;

	top: 10px;

	font-weight: bold;

}

ul.shortcuts li a small {

	position: absolute;

	left: 55px;

	top: 25px;

}

.infobox {

		display: block; clear: both;

		background: #F7F5EF;

		border: 1px solid #fff;

		padding: 10px;

		width: 98%;

		margin-top: 18px;

		-webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        border-radius: 5px

	}

.infoboxleft {

		display: block;

		background: #F7F5EF;

		border: 1px solid #fff;

		padding: 10px;

		width: 30%; 

		float: left;

		margin: 5; 

		padding: 0; 

		margin-left: 15px;

		-webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        border-radius: 5px

	}



#tbl {

	margin: 4px 0;

	width: 660px;

	}

	#tbl .tbl {

		background: #e9ebf0;

		border: 2px solid #cdcdcd;

		float: left;

		height: 65px;

		margin: 8px 8px 0 0;

		overflow: hidden;

		padding-top: 10px;

		position: relative;

		text-align: center;

		width: 120px;

		}

		#tbl .tbl-googleplus {

			background: #eeeeee;

			border-color: #178de5 #cdcdcd #ffc526 #cdcdcd;

			}

		#tbl .tbl-facebook {

			background: #f2f2f2;

			border-color: #5872a7 #ccc #ccc #ccc;

			}



	#tbl a.close {

		color: #999;

		font: bold 14px/14px Verdana, sans-serif;

		position: absolute;

		right: 5px;

		text-decoration: none;

		top: 5px;

		width: 10px;

		}

		#tbl a.close:hover {

			color: #333;

			}

	#tbl .title {

		font-weight: bold;

		line-height: 14px;

		overflow: hidden;

		margin: 5px auto 0;

		max-height: 28px;

		width: 120px;

		}

	#tbl .points {

		margin-top: 5px;

		}

	#tbl .points b {

		color: #039;

		}

		#tbl .tbl-googleplus .points b {

			color: #2a8917;

			}

		#tbl .tbl-facebook .points b {

			color: #2a8917;

			}

.followbutton {

    cursor: pointer;

    display: block;

    font-size: 12px;

    margin: 3px 0;

    padding: 4px 0;

    text-align: center;

    width: 70px;

    background: url('../img/follow.jpg') repeat-x #009c0c;

    border: 1px solid #267934;

    -moz-border-radius: 7px 7px 7px 7px;

    border-radius: 7px 7px 7px 7px;

    color: #FFFFFF;

    text-shadow: 0 -1px 1px #267934;

}

.followbutton:hover {

    color: #ffffff;

    font-size: 12px;

    background: url('../img/followon.jpg') repeat-x #00ba21;

    text-shadow: 0 -1px 1px #267934;

}

.follow {

position: static;

float: left;

width: 82px;

border: 1px solid #000000;

background-color: #eeeeee;

margin: 1px;

padding-top: 2px;

background: #ffffff;

text-align: center;

}

.followfooter {

position: static;

float: left;

width: 500px;

text-align: center;

}

.follow,.cards {

    -moz-border-radius: 7px 7px 7px 7px;

    border-radius: 7px 7px 7px 7px;

}

.maintable {

padding: 3px;

border: 1px solid #adadad;

    -moz-border-radius: 7px 7px 7px 7px;

    border-radius: 7px 7px 7px 7px;

}

.mainfocus {

padding: 3px;

border: 1px solid #1a3852;

    -moz-border-radius: 7px 7px 7px 7px;

    border-radius: 7px 7px 7px 7px;

}

.purchase {

width:200px; 

height:140px; 

text-align:center; 

margin-top:10px; 

background:#c2d9ff; 

float:left; 

margin-left:10px; 

margin-bottom:20px;

}

.purchase-hdr {background:url(../images/login-top.jpg) repeat-x;

color:#ffffff !important;

display:block;

font-size:14px !important;

font-weight:normal;

margin-bottom:30px;

font-weight:bold;

padding:10px 20px;

text-align:center;

}

.coins {font-family:'arial'; font-size:60px; color:#117ebe; margin-left: 0; text-align:center;}

input[type=submit] {

	background: #D0D1D4 url(../img/btn_submit.png) repeat-x;

	border: 1px solid #A8A9A8;

	-webkit-box-shadow: 0 1px 0 #fff;

	-moz-box-shadow: 0 1px 0 #fff;

	box-shadow: 0 1px 0 #fff;

	font-weight: bold;

	height: 22px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	padding: 0 10px;

	color: #666;

	text-shadow: 0 1px 0 #fff;

	cursor: pointer;

}

table { width: 100%; }



table tr td {

	padding: 0px 10px; 

	border-bottom: 1px solid #E1DED4;

	font-size: 0.8em;

}

table tr.theader th {

	background: #E1DED4;

	font-size: 0.8em;

	font: bold Arial, sans-serif;

	color: #413D35;

	padding: 6px 10px; 

}

table .alt {

	background: #F7F5EF;

}

table .edit { color: #689DA7 !important; }

table .delete { color: #AD6060 !important; }

.main-content>section.with-table{padding:0 0 10px 0;margin-top:1px;}.main-content>section.with-table .pagination{padding-left:20px;}table caption{font-size:12px;padding-bottom:10px;}table.no-style{border:none;border-collapse:collapse;padding:0;margin:0;background:none;}table.full{width:100%;}table.no-style>body>tr>td,table.no-style>tbody>tr>th{background:none;border:none;}table.simple{border-top:1px dotted #ddd;}table.simple>thead>tr>th{background:#eee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px;text-align:left;}table.simple>thead>tr>th:last-child{border-right:none;}table.simple>tbody>tr>td,table.simple>tbody>tr>th{padding:5px;border-bottom:1px dotted #ddd;text-align:left;}table.simple>tbody>tr>th{background:#eee;border-right:1px solid #ddd;font-weight:bold;text-align:right;}table.datatable{border:1px solid #ccc;border-collapse:separate;border-spacing:0;}.main-content>section.with-table>table{border:none;}table.datatable>thead>tr>th{background:#f7f7f7;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e1e1e1));background:-moz-linear-gradient(top,#f7f7f7,#e1e1e1);-pie-background:linear-gradient(top,#f7f7f7,#e1e1e1);border-bottom:1px solid #aaa;color:#333;text-shadow:0 1px 0 #fff;position:relative;}table.datatable>thead>tr>th:not(:last-child){border-right:1px solid #aaa;}table.datatable>thead>tr>th:not(:first-child){border-left:1px solid #fff;}table.datatable>tbody>tr>th,table.datatable>tbody>tr>td{padding:5px 20px;vertical-align:middle;}table.datatable>tbody>tr:nth-child(odd)>td{background:#f2f2f2;}table.datatable>tbody>tr>td:not(:last-child){border-right:1px solid #eee;}table.datatable.tablesort{table-layout:fixed;}table.datatable.tablesort>thead>tr>th{padding:0;}table.datatable.tablesort>tbody>tr>td.column-selected{background:#ffffc0!important;}table.datatable.tablesort>thead>tr>th>a{background:transparent url(../img/arrow-updown.png) no-repeat 20px center;color:#434343;display:block;text-decoration:none;padding:5px 20px;}table.datatable.tablesort>thead>tr>th>a.sort-asc{background:transparent url(../img/arrow-up.png) no-repeat 20px center;}table.datatable.tablesort>thead>tr>th>a.sort-desc{background:transparent url(../img/arrow-down.png) no-repeat 20px center;}table.datatable.selectable>tbody>tr.hover>td,table.datatable.selectable>tbody>tr.selected>td{background:#ffffc0;}table.datatable>tfoot>tr>th,table.datatable>tfoot>tr>td{border-top:1px solid #e1e1e1;background:#eee;padding:5px 20px;}.main-content>section.with-table table.datatable>tfoot>tr>th,.main-content>section.with-table table.datatable>tfoot>tr>td{border-bottom:1px solid #e1e1e1;}

.button-blue{color:#fff;border:1px solid #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);-pie-background:linear-gradient(top,#00adee,#0078a5);text-shadow:0 1px 1px rgba(0,0,0,0.25);}

.button-blue:hover,.button-blue:focus{background:#007ead;background:-webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));background:-moz-linear-gradient(top,#0095cc,#00678e);-pie-background:linear-gradient(top,#0095cc,#00678e);}

.button-blue:active,.button-blue.active{background:#80bed6;background:-webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));background:-moz-linear-gradient(top,#0078a5,#00adee);-pie-background:linear-gradient(top,#0078a5,#00adee);}

.pagination{margin:1em 0;padding:0;}

.pagination li{display:inline-block;float:left;margin:0 2px;}

.pagination li a{font-family:'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;display:block;padding:0 6px;height:20px;line-height:20px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);cursor:pointer;outline:none!important;text-align:center;text-decoration:none;}

.pagination li a.current{background:#fff;-pie-background:#fff;color:#666;}

/**

 * Buttons

 */

ul.action-buttons {

    list-style-type: none;

    margin: 0;

    padding: 0;

}

ul.action-buttons li {

    display: inline;

}

.action-button {

    border: 1px solid #ccc;

    background: #f7f7f7;

    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));

    background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');



    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);



    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    border-radius: 3px;



    cursor: pointer;

    display: inline-block;

    text-indent: -999em;

    outline: none !important;

    -moz-box-sizing: border-box !important;

    /* IE7 hack */

    zoom: 1;

    *display: inline;

}

.action-button:hover, .action-button:focus {

    border: 1px solid #aaa;

    background: #ececec;

    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ccc));

    background: -moz-linear-gradient(top,  #f1f1f1,  #ccc);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc');

}

.action-button:active, .action-button.active {

    background: #ddd;

    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f1f1f1));

    background: -moz-linear-gradient(top,  #ccc,  #f1f1f1);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f1f1f1');

}

.action-button span {

    display: block;

    width: 20px;

    height: 20px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    border-radius: 3px;

}

.action-button span.accept {

    background: transparent url(../img/icons/accept.png) no-repeat center center;

}

.action-button span.add {

    background: transparent url(../img/icons/add.png) no-repeat center center;

}

.action-button span.arrow-refresh {

    background: transparent url(../img/icons/arrow_refresh.png) no-repeat center center;

}

.action-button span.bin {

    background: transparent url(../img/icons/bin.png) no-repeat center center;

}

.action-button span.bin-closed {

    background: transparent url(../img/icons/bin_closed.png) no-repeat center center;

}

.action-button span.bin-empty {

    background: transparent url(../img/icons/bin_empty.png) no-repeat center center;

}

.action-button span.database-add {

    background: transparent url(../img/icons/database_add.png) no-repeat center center;

}

.action-button span.database-delete {

    background: transparent url(../img/icons/database_delete.png) no-repeat center center;

}

.action-button span.database-edit {

    background: transparent url(../img/icons/database_edit.png) no-repeat center center;

}

.action-button span.date {

    background: transparent url(../img/icons/date.png) no-repeat center center;

}

.action-button span.date-add {

    background: transparent url(../img/icons/date_add.png) no-repeat center center;

}

.action-button span.date-delete {

    background: transparent url(../img/icons/date_delete.png) no-repeat center center;

}

.action-button span.date-edit {

    background: transparent url(../img/icons/date_edit.png) no-repeat center center;

}

.action-button span.delete {

    background: transparent url(../img/icons/delete.png) no-repeat center center;

}

.action-button span.disk {

    background: transparent url(../img/icons/disk.png) no-repeat center center;

}

.action-button span.email {

    background: transparent url(../img/icons/email.png) no-repeat center center;

}

.action-button span.email-add {

    background: transparent url(../img/icons/email_add.png) no-repeat center center;

}

.action-button span.email-attach {

    background: transparent url(../img/icons/email_attach.png) no-repeat center center;

}

.action-button span.email-delete {

    background: transparent url(../img/icons/email_delete.png) no-repeat center center;

}

.action-button span.email-edit {

    background: transparent url(../img/icons/email_edit.png) no-repeat center center;

}

.action-button span.email-error {

    background: transparent url(../img/icons/email_error.png) no-repeat center center;

}

.action-button span.email-go {

    background: transparent url(../img/icons/email_go.png) no-repeat center center;

}

.action-button span.email-link {

    background: transparent url(../img/icons/email_link.png) no-repeat center center;

}

.action-button span.email-open {

    background: transparent url(../img/icons/email_open.png) no-repeat center center;

}

.action-button span.help {

    background: transparent url(../img/icons/help.png) no-repeat center center;

}

.action-button span.information {

    background: transparent url(../img/icons/information.png) no-repeat center center;

}

.action-button span.pencil {

    background: transparent url(../img/icons/pencil.png) no-repeat center center;

}

.action-button span.user {

    background: transparent url(../img/icons/user.png) no-repeat center center;

}

.action-button span.user-add {

    background: transparent url(../img/icons/user_add.png) no-repeat center center;

}

.action-button span.user-delete {

    background: transparent url(../img/icons/user_delete.png) no-repeat center center;

}

.action-button span.user-edit {

    background: transparent url(../img/icons/user_edit.png) no-repeat center center;

}

.action-button span.vcard {

    background: transparent url(../img/icons/vcard.png) no-repeat center center;

}

.action-button span.vcard-add {

    background: transparent url(../img/icons/vcard_delete.png) no-repeat center center;

}

.action-button span.vcard-delete {

    background: transparent url(../img/icons/vcard_delete.png) no-repeat center center;

}

.action-button span.vcard-edit {

    background: transparent url(../img/icons/vcard_edit.png) no-repeat center center;

}

.action-button span.wrench {

    background: transparent url(../img/icons/wrench.png) no-repeat center center;

}

.action-button span.wrench-orange {

    background: transparent url(../img/icons/wrench_orange.png) no-repeat center center;

}

.action-button span.zoom {

    background: transparent url(../img/icons/zoom.png) no-repeat center center;

}

Styles.css bu da iletişim formunun css dosyası

.container {

	width:960px; 

	margin:0px auto; 

	position:relative;

	z-index:12;

	}

	

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	

#contactFormContainer {

	position:absolute;

	left:610px;

	z-index:1;

	}

.mesaj {

	width:180px !important;}

/* Hides the whole contact form until needed */	

#contactForm {

	height:289px;width:558px;

	background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px; 

	border:1px solid #929191;

	padding:7px 12px; 

	color:#fff;

	display:none;

	}   



/* Loading bar that will appear while the ajax magic is happening */

.bar{

	display:none; 

	background:url(../images/ajax-loader.gif) no-repeat center; 

	margin-top:100px; 

	height:40px; width:230px;

	}

	

/* Hides the confirmation message until needed */	

#messageSent {display:none;}



/* This hides the form validation alert messages until needed */

#contactForm span { 

	display:none; 

	font-size:9px; 

	line-height:10px; 

	padding-left:6px; 

	color:#f5c478;

	}

	

/* Some styling for the contact button */

#contactFormContainer .contact {

	height:47px; width:211px;

	background:url(../images/contact_me.png); 

	position:absolute; 

	left:368px; bottom:-44px; 

	cursor:pointer;

	}

			

/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	

#backgroundPopup{

	display:none; 

	position:fixed; 

	_position:absolute; 

	height:100%; width:100%; 

	top:0; left:0;

	background:#000; 

	z-index:11;

	}  

	

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	

#contactForm textarea, #contactForm input {

	width:180px;

	background:#6d6d6d url(../images/contact_input.png) repeat-x top; 

	color:#fff; 

	border:1px solid #8a8a8a; 

	height:15px; 

	line-height:14px; 

	font-size:11px; 

	padding:2px 2px 0px;

	}

#contactForm input {background-position:0px -20px;}

#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}

#contactForm .submit {

	border:1px solid #aba8a8; 

	background:#e5e5e5; 

	text-transform:uppercase; 

	color:#4d4d4d; 

	font-weight:bold; 

	padding:7px 16px 7px 14px; 

	height:37px; width:124px; 

	cursor:pointer; 

	float:left; 

	margin-top:196px;

	}

#contactForm .submit:active {background:#cacaca; }

#contactForm label {padding-left:4px; font-weight:bold;}

#contactForm p {padding-bottom:8px;}

#contactForm .input_boxes {float:left; width:204px;}



#dummycontent {padding-top:100px; height:900px; position:relative;}

.bottomlink {position:absolute; bottom:0;}

buyrun ekledim biraz uzun oldu ama :)

07.11.2011 20:28

#6

occipital Öğrenci-Blog Yazarlığı... Kullanıcı

Üyelik 03.12.2010
Yaş/Cinsiyet 27 / E
Meslek Öğrenci-Blog Yazarlığı...
Konum

Ad Soyad Ç** K**
Mesajlar 1194
Beğeniler 126 / 122
Ticaret 5, (%100)

İletişim formunun CSS şablonunun en altına



textarea#message {

        width: 600px;

        height: 120px;

}

ekle bakalım bir değişiklik ortaya çıkacakmı

07.11.2011 20:29

#7

ErenKeskin Girişimci, Front-end Developer Kullanıcı

Üyelik 11.09.2011
Yaş/Cinsiyet 29 / E
Meslek Elektrik-Elektronik Mühendisi
Konum Eskişehir

Ad Soyad E** K**
Mesajlar 1223
Beğeniler 243 / 336
Ticaret 2, (%100)

sana dediğim gibi yap..

textarea yazan kısmı böyle yap

style.css'de de zaten tek textarea bu olduğu için

textarea{
	overflow: auto;
	font-family: arial;
        resize:none;
        width: 500px;
        height:150px;

de.

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

07.11.2011 20:33

#8

muhammed649 112 Hayat Kurtarır Kullanıcı

Üyelik 25.08.2011
Yaş/Cinsiyet 30 / E
Meslek Sağlık Personeli
Konum İstanbul Avrupa

Ad Soyad M** B**
Mesajlar 433
Beğeniler 91 / 82
Ticaret 5, (%100)

ErenKeskin adlı üyeden alıntı

sana dediğim gibi yap..

textarea yazan kısmı böyle yap

style.css'de de zaten tek textarea bu olduğu için

textarea{

	overflow: auto;

	font-family: arial;

        resize:none;

        width: 500px;

        height:150px;

de.

olmadı hocam malesef :(

07.11.2011 20:36

#9

ErenKeskin Girişimci, Front-end Developer Kullanıcı

Üyelik 11.09.2011
Yaş/Cinsiyet 29 / E
Meslek Elektrik-Elektronik Mühendisi
Konum Eskişehir

Ad Soyad E** K**
Mesajlar 1223
Beğeniler 243 / 336
Ticaret 2, (%100)

textarea#message yapın..bu şekilde olması lazım başka yolu yok çünkü

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

07.11.2011 20:42

#10

occipital Öğrenci-Blog Yazarlığı... Kullanıcı

Üyelik 03.12.2010
Yaş/Cinsiyet 27 / E
Meslek Öğrenci-Blog Yazarlığı...
Konum

Ad Soyad Ç** K**
Mesajlar 1194
Beğeniler 126 / 122
Ticaret 5, (%100)

Ben yazmıştım...

Textarea boyutunu ayarlamak. Yardım Edebilir Misiniz?

Üye Girişi Yap