﻿
table {
	background-position: 0% 0%;
				margin: 5;
				font-family: 'trebuchet MS', 'Lucida sans', Arial;
    				font-size: 14px;
	/* width: 670px;  */
    *				border-collapse: collapse; /* IE7 and lower */
    				border-spacing: 0;
    				z-index: -1;
				background-image: none;
				background-repeat: repeat;
				background-attachment: scroll;
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 6px;
    text-align: left;  
    }

.bordered td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 6px;
    }

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 

}

.bordered th:first-child {
    border-left: none;
}

.bordered td:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}


.bordered100 {
    font-family: Gill Sans / Gill Sans MT, sans-serif; 
 	font-size:15px;
            
}

.bordered th {
	
	font-family: Gill Sans / Gill Sans MT, sans-serif; 
 	font-size:12px;
    border: 0px solid #ffffff;
    padding: 6px;
    text-align: left;  
    background-color: #F8F8F8;
	
    }
    
.bordered100 td {
	
	font-family: Gill Sans / Gill Sans MT, sans-serif; 
 	font-size:12px;
    border: 0px solid #ffffff;
    padding: 6px;
    text-align: left;  
    background-color: #F8F8F8;
	
    }
    
.bordered th:hover {
	
	font-family: Gill Sans / Gill Sans MT, sans-serif; 
 	font-size:12px;
    border: 0px solid #ffffff;
    padding: 6px;
    text-align: left;  
    background-color: #F8F8F8;
     	color:#666666;

	
    }
    
    
.bordered100 td {
	
	font-family: Gill Sans / Gill Sans MT, sans-serif; 
 	font-size:12px;
    border: 0px solid #ffffff;
    padding: 6px;
    text-align: left;  
    background-color: #F8F8F8;
     	color:#666666;

	
    }
    
    
.bordered100 th {

	font-family: 'helvetica neue', arial, verdana, sans-serif; 
 	font-size:12px;
 	color:#C0C0C0;
	text-align: left;  
    background-color: #dce9f9;
    padding-left: 10px;
    border: 0px solid #ffffff;
    
        background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );    
    
}


.bordered100 th:hover{

	font-family: 'helvetica neue', arial, verdana, sans-serif; 
 	font-size:12px;
 	color:#666666;
	text-align: left;  
    background-color: #dce9f9;
    padding-left: 10px;
    border: 0px solid #ffffff;
    
        background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );    
    
}




.TextBoxUser{
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/user1.png) no-repeat 98% center;
		width: 185px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 5px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}

.TextBoxUser:focus { 
    background-color: yellow;
}


.TextBoxMoney {
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
        font-weight: bold;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/money.png) no-repeat 98% center;
		width: 185px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}

.TextBoxMoney:focus { 
    background-color: yellow;
}

.TextBoxPass{
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/pass.png) no-repeat 98% center;
		min-width: 185px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}
.TextBoxLevel{
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/level.png) no-repeat 98% center;
		min-width: 195px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}

.TextBoxLevel180 {
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/level.png) no-repeat 98% center;
		min-width: 194px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}
.TextBoxLapsi {
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/laps.png) no-repeat 98% center;
		min-width: 200px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}
.TextBoxLapsi:focus { 
    background-color: #FFFF99;
}

.TextBoxSkype {
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/skype.png) no-repeat 98% center;
		min-width: 185px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}
.TextBoxSkype:focus { 
    background-color: #FFFF99;
}

.TextBoxEmail {
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/email.png) no-repeat 98% center;
		min-width: 200px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}
.TextBoxEmail:focus { 
    background-color: #FFFF99;
}


.TextBoxPhone {
        font-family: 'helvetica neue', arial, verdana, sans-serif;
        font-size:14px;
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #FFFFFF url(icons/phone.png) no-repeat 98% center;
		width: 185px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #000000;
		border-radius: 5px;
		padding: 10px;
	    box-shadow: 0px 0px 1px 1px #DCE9F9;
}
.TextBoxPhone:focus { 
    background-color: #FFFF99;
}


.buttonblue {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 8px 15px 8px 15px;
  text-decoration: none;
}

.buttonblue :hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



.ShenimeShtese {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;

    
    font-family:font-family: Arial, Verdana, sans-serif; 
     text-align: left; 
     color: #336699; 
     font-size:15px; 
     letter-spacing:1px;
    
   padding:10px;

 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
background: rgb(252,253,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,253,255,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 88%, rgba(252,253,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,253,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 88%,rgba(252,253,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,253,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 88%,rgba(252,253,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdff', endColorstr='#fcfdff',GradientType=0 ); /* IE6-9 */


-webkit-box-shadow: 0px 0px 10px -3px rgba(138,138,138,1);
-moz-box-shadow: 0px 0px 10px -3px rgba(138,138,138,1);
box-shadow: 0px 0px 10px -3px rgba(138,138,138,1);
  
}

#pregjigjeserver {
 	position:absolute;
	width: 500px;
 	font-family: 'helvetica neue', arial, verdana, sans-serif;
 	color:#336699;
    font-size:14px;
 	padding:15px;	
 	
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;    

	-webkit-box-shadow: -1px 0px 7px -1px rgba(217,217,217,1);
	-moz-box-shadow: -1px 0px 7px -1px rgba(217,217,217,1);
	box-shadow: -1px 0px 7px -1px rgba(217,217,217,1);
	
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.98) 52%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */

}


#PozicionButoni {
 	position:relative;
 	height:25px;
 	left: 540px;
	width: 170px;
 	font-family: 'helvetica neue', arial, verdana, sans-serif;
 	color:#336699;
    font-size:14px;
 	padding:15px;	
 	
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;    

	-webkit-box-shadow: -1px 0px 7px -1px rgba(217,217,217,1);
	-moz-box-shadow: -1px 0px 7px -1px rgba(217,217,217,1);
	box-shadow: -1px 0px 7px -1px rgba(217,217,217,1);
	
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(223,255,216,0.98) 52%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(223,255,216,0.98) 52%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(223,255,216,0.98) 52%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */



}


.button {
	-moz-box-shadow:inset 0px -1px 0px -6px #97c4fe;
	-webkit-box-shadow:inset 0px -1px 0px -6px #97c4fe;
	box-shadow:inset 0px -1px 0px -6px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	padding:5px 19px;
	text-decoration:none;
	text-shadow:0px 1px 21px #1570cd;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
	-webkit-transition: all 0.5s linear 0.5s;
    transition: all 0.5s linear 0.5s;
    text-align: center;
}
}
.button:active {
	position:relative;
	top:1px;
}

.button01{
 background: linear-gradient(to right,#196BCA ,#6433E0);
 background-color: #196BCA;
 color: #fff;
 font-family: Trebuchet MS;
 font-size: 15px;
 font-weight: 800;
 font-style: normal;
 text-decoration: none;
 padding: 7px 20px;
 border: 0px solid #000;
 border-radius: 10px;
 display: inline-block;
}
.button01:hover{
 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
 cursor: pointer;
}
.button01:active{
 transform: scale(0.95);
}