@charset "UTF-8";
.submit_button {
	height:20px;
}

.button_black {  
	width:200px;  
	height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	display:block; 
	border:1px solid #333; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top,  #606060 0%, #383838 50%, #212121 51%, #6d6d6d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(50%,#383838), color-stop(51%,#212121), color-stop(100%,#6d6d6d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 0%,#383838 50%,#212121 51%,#6d6d6d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 0%,#383838 50%,#212121 51%,#6d6d6d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 0%,#383838 50%,#212121 51%,#6d6d6d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 0%,#383838 50%,#212121 51%,#6d6d6d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */
  text-shadow:-1px -1px 1px #000;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	cursor:default;
   
}  

.button_black:hover{  
	width:200px;  
	height:40px; 
	border:1px solid #333;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
	background: #474747; /* Old browsers */
	background: -moz-linear-gradient(top,  #474747 0%, #212121 51%, #000000 51%, #474747 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(51%,#212121), color-stop(51%,#000000), color-stop(100%,#474747)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #474747 0%,#212121 51%,#000000 51%,#474747 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #474747 0%,#212121 51%,#000000 51%,#474747 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #474747 0%,#212121 51%,#000000 51%,#474747 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #474747 0%,#212121 51%,#000000 51%,#474747 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#474747',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
	color:#EFEFEF;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	cursor:default;
}

a.button_black:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_black:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}

.button_grey {  
	width:200px;  
	height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	display:block; 
	border:1px solid #AAA; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #dddddd 0%, #c9c9c9 49%, #bfbfbf 50%, #c1c1c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(49%,#c9c9c9), color-stop(50%,#bfbfbf), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 0%,#c9c9c9 49%,#bfbfbf 50%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dddddd 0%,#c9c9c9 49%,#bfbfbf 50%,#c1c1c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dddddd 0%,#c9c9c9 49%,#bfbfbf 50%,#c1c1c1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dddddd 0%,#c9c9c9 49%,#bfbfbf 50%,#c1c1c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
  text-shadow:1px 1px 1px #FFF;
	text-align:center;
	font-size:16px;
	color:#888;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	cursor:default;
   
}  

.button_grey:hover{  
	width:200px;  
	height:40px; 
	border:1px solid #999;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
	background: #c1c1c1; /* Old browsers */
	background: -moz-linear-gradient(top, #c1c1c1 0%, #adadad 49%, #9e9e9e 50%, #adadad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(49%,#adadad), color-stop(50%,#9e9e9e), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c1c1c1 0%,#adadad 49%,#9e9e9e 50%,#adadad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c1c1c1 0%,#adadad 49%,#9e9e9e 50%,#adadad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c1c1c1 0%,#adadad 49%,#9e9e9e 50%,#adadad 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c1c1c1 0%,#adadad 49%,#9e9e9e 50%,#adadad 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
	color:#666;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	cursor:default;
}

a.button_grey:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_grey:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}




.button_red_pos {  
	width:200px;  
	height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	display:block; 
	border:1px solid #aa5858; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background: #aa5858; /* Old browsers */
	background: -moz-linear-gradient(top, #aa5858 0%, #aa4c4c 49%, #ad3434 50%, #aa4b4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa5858), color-stop(49%,#aa4c4c), color-stop(50%,#ad3434), color-stop(100%,#aa4b4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aa5858 0%,#aa4c4c 49%,#ad3434 50%,#aa4b4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aa5858 0%,#aa4c4c 49%,#ad3434 50%,#aa4b4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #aa5858 0%,#aa4c4c 49%,#ad3434 50%,#aa4b4b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #aa5858 0%,#aa4c4c 49%,#ad3434 50%,#aa4b4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa5858', endColorstr='#aa4b4b',GradientType=0 ); /* IE6-9 */
  text-shadow:-1px -1px 1px #000;
	text-align:center;
	font-size:16px;
	color:#FFF;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	cursor:default;
   
}  

.button_red_pos:hover{  
	width:200px;  
	height:40px; 
	border:1px solid #a84141;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
	background: #a84141; /* Old browsers */
	background: -moz-linear-gradient(top, #a84141 0%, #a83232 49%, #aa2323 50%, #a53131 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a84141), color-stop(49%,#a83232), color-stop(50%,#aa2323), color-stop(100%,#a53131)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a84141 0%,#a83232 49%,#aa2323 50%,#a53131 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a84141 0%,#a83232 49%,#aa2323 50%,#a53131 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a84141 0%,#a83232 49%,#aa2323 50%,#a53131 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a84141 0%,#a83232 49%,#aa2323 50%,#a53131 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a84141', endColorstr='#a53131',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
	color:#FFF;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	cursor:default;
}

a.button_red_pos:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_red_pos:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}




.button_blue {  
 width:200px;  
  height:32px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	padding-top:8px;
  display:block; 
	border:none; 
	background: url(/images/buttonBlue.png) no-repeat;
  text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
  background-position: top; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_blue:hover{  
 	width:200px;  
	background-position: bottom;  
	 height:32px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	padding-top:8px;  
	background-image:url(/images/buttonBlue.png) no repeat;
	border:none;
	text-decoration:none;
}

a.button_blue:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_blue:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}


.button_blue_square {  
	padding:8px 0 0 0;
    width:200px;  
    height:32px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/buttonBlue.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_blue_square:hover{  
    width:200px;  
    background-position: top;  
    height:32px;  
    background-image:url(/images/buttonBlue.png) no repeat;
	border:none;
	text-decoration:none;
}

a.button_blue_square:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_blue_square:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}



.button_blue_form {  
  width:200px;  
  height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
  display:block; 
	border:none; 
	background: url(/images/buttonBlue.png) no-repeat;
  text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
  background-position: top; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_blue_form:hover{  
	width:200px;  
	background-position: bottom;  
	height:40px;  
	background-image:url(/images/buttonBlue.png) no repeat;
	border:none;
	text-decoration:none;
}

a.button_blue_form:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_blue_form:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}





.button_orange_form {  
    width:200px;  
    height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:1px solid #D6A84F; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background: #dbc9b3; /* Old browsers */

background: -moz-linear-gradient(top,  #dbc9b3 1%, #dba664 50%, #db9239 51%, #db9c4e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbc9b3), color-stop(50%,#dba664), color-stop(51%,#db9239), color-stop(100%,#db9c4e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc9b3', endColorstr='#db9c4e',GradientType=0 ); /* IE6-9 */
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
   
}  

.button_orange_form:hover{  
    width:200px;  
    height:40px; 
	border:1px solid #D6A84F;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
background: #d3bba0; /* Old browsers */

background: -moz-linear-gradient(top,  #d3bba0 1%, #d6b389 50%, #d39b5b 51%, #d8af7d 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3bba0), color-stop(50%,#d6b389), color-stop(51%,#d39b5b), color-stop(100%,#d8af7d)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bba0', endColorstr='#d8af7d',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
}

a.button_orange_form:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_orange_form:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}






.button_green_form {  
    width:200px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */ 
	padding-top:8px; 
    display:block; 
	border:1px solid #96d3d2; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background: #dbc9b3; /* Old browsers */


background: #99ddcd; /* Old browsers */

background: -moz-linear-gradient(top,  #99ddcd 0%, #48bfa1 50%, #42a396 51%, #3db5a7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ddcd), color-stop(50%,#48bfa1), color-stop(51%,#42a396), color-stop(100%,#3db5a7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #99ddcd 0%,#48bfa1 50%,#42a396 51%,#3db5a7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #99ddcd 0%,#48bfa1 50%,#42a396 51%,#3db5a7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #99ddcd 0%,#48bfa1 50%,#42a396 51%,#3db5a7 100%); /* IE10+ */

background: linear-gradient(to bottom,  #99ddcd 0%,#48bfa1 50%,#42a396 51%,#3db5a7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ddcd', endColorstr='#3db5a7',GradientType=0 ); /* IE6-9 */






  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
   
}  

.button_green_form:hover{  
    width:200px;  
       height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */ 
	padding-top:8px; 
	border:1px solid #96d3d2;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 


background: #d7f7f1; /* Old browsers */

background: -moz-linear-gradient(top,  #d7f7f1 0%, #96d3cb 50%, #80b6ae 51%, #96d3d2 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7f7f1), color-stop(50%,#96d3cb), color-stop(51%,#80b6ae), color-stop(100%,#96d3d2)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d7f7f1 0%,#96d3cb 50%,#80b6ae 51%,#96d3d2 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d7f7f1 0%,#96d3cb 50%,#80b6ae 51%,#96d3d2 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d7f7f1 0%,#96d3cb 50%,#80b6ae 51%,#96d3d2 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d7f7f1 0%,#96d3cb 50%,#80b6ae 51%,#96d3d2 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f7f1', endColorstr='#96d3d2',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
}

a.button_green_form:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_green_form:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}






.button_orange_square { 
font-weight:bold;
	padding-top:10px;
    width:198px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:1px solid #D6A84F; 

	background: #dbc9b3; /* Old browsers */

background: -moz-linear-gradient(top,  #dbc9b3 1%, #dba664 50%, #db9239 51%, #db9c4e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbc9b3), color-stop(50%,#dba664), color-stop(51%,#db9239), color-stop(100%,#db9c4e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc9b3', endColorstr='#db9c4e',GradientType=0 ); /* IE6-9 */
  	text-shadow:1px 1px .4px #CCC;
	text-align:center;
	font-size:16px;
	color:#412E18;
   
}  

.button_orange_square:hover{ 
font-weight:bold; 
	padding-top:10px;
    width:198px;  
    height:30px; 
	border:1px solid #D6A84F;  
	
background: #d3bba0; /* Old browsers */

background: -moz-linear-gradient(top,  #d3bba0 1%, #d6b389 50%, #d39b5b 51%, #d8af7d 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3bba0), color-stop(50%,#d6b389), color-stop(51%,#d39b5b), color-stop(100%,#d8af7d)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bba0', endColorstr='#d8af7d',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
}

a.button_orange_square:link  { 
font-weight:bold; 
	text-shadow:1px 1px .4px #CCC;
	text-align:center;
	font-size:16px;
	color:#412E18;
}
a.button_orange_square:visited  {  
	font-weight:bold;
	text-shadow:1px 1px .4px #CCC;
	text-align:center;
	font-size:16px;
	color:#412E18;
}


.cart_button {
	padding-top:6px;
	border:none;
	height:24px;
	text-align:center;
	font-size:14px;
	color:#333;
	text-shadow:1px 1px .5px #CCC;
	outline:none;
	width:120px;
	margin-left:5px;
	float:left;
	background: #dbc9b3; /* Old browsers */

background: -moz-linear-gradient(top,  #dbc9b3 1%, #dba664 50%, #db9239 51%, #db9c4e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbc9b3), color-stop(50%,#dba664), color-stop(51%,#db9239), color-stop(100%,#db9c4e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc9b3', endColorstr='#db9c4e',GradientType=0 ); /* IE6-9 */
}
.cart_button:hover{ 
	text-align:center;
	font-size:14px;
	color:#333;
	text-shadow:1px 1px .5px #CCC;
	outline:none;
	width:120px;
	margin-left:5px;
	float:left;
	
background: #d3bba0; /* Old browsers */

background: -moz-linear-gradient(top,  #d3bba0 1%, #d6b389 50%, #d39b5b 51%, #d8af7d 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3bba0), color-stop(50%,#d6b389), color-stop(51%,#d39b5b), color-stop(100%,#d8af7d)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bba0', endColorstr='#d8af7d',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
}

a.cart_button:link  {
	
	text-align:center;
	font-size:14px;
	color:#333;
	text-shadow:1px 1px .5px #CCC;
	outline:none;
	width:120px;
	margin-left:5px;
	float:left;
}
a.cart_button:visited  {  
	text-align:center;
	font-size:14px;
	color:#333;
	text-shadow:1px 1px .5px #CCC;
	outline:none;
	width:120px;
	margin-left:5px;
	float:left;
}


.index_button_blue_form {  
	width:200px;  
	height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	display:block; 
	border:1px solid #D6A84F; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background: #dbc9b3; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbc9b3 1%, #dba664 50%, #db9239 51%, #db9c4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbc9b3), color-stop(50%,#dba664), color-stop(51%,#db9239), color-stop(100%,#db9c4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc9b3', endColorstr='#db9c4e',GradientType=0 ); /* IE6-9 */
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
   
}  

.index_button_blue_form:hover{  
	width:200px;  
	height:40px; 
	border:1px solid #D6A84F;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
	background: #d3bba0; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3bba0 1%, #d6b389 50%, #d39b5b 51%, #d8af7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3bba0), color-stop(50%,#d6b389), color-stop(51%,#d39b5b), color-stop(100%,#d8af7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bba0', endColorstr='#d8af7d',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}

a.index_button_blue_form:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.index_button_blue_form:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}







.button_red { 
	padding:8px 0 0 0;
	color:#EFEFEF; 
	width:200px;  
	height:32px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	display:block; 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
	border:1px solid #a83939; 
	background: rgb(247,225,225); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,225,225,1) 0%, rgba(209,118,118,1) 2%, rgba(190,87,87,1) 50%, rgba(180,66,66,1) 51%, rgba(168,57,57,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,225,225,1)), color-stop(2%,rgba(209,118,118,1)), color-stop(50%,rgba(190,87,87,1)), color-stop(51%,rgba(180,66,66,1)), color-stop(100%,rgba(168,57,57,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,225,225,1) 0%,rgba(209,118,118,1) 2%,rgba(190,87,87,1) 50%,rgba(180,66,66,1) 51%,rgba(168,57,57,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,225,225,1) 0%,rgba(209,118,118,1) 2%,rgba(190,87,87,1) 50%,rgba(180,66,66,1) 51%,rgba(168,57,57,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,225,225,1) 0%,rgba(209,118,118,1) 2%,rgba(190,87,87,1) 50%,rgba(180,66,66,1) 51%,rgba(168,57,57,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,225,225,1) 0%,rgba(209,118,118,1) 2%,rgba(190,87,87,1) 50%,rgba(180,66,66,1) 51%,rgba(168,57,57,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e1e1', endColorstr='#a83939',GradientType=0 ); /* IE6-9 */
	text-align:center;
	font-size:16px;
}  
.button_red:hover{  
	width:200px;  
	height:32px;  
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px; 
	border:1px solid #a83939; 
	background: rgb(247,225,225); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,225,225,1) 0%, rgba(201,89,89,1) 2%, rgba(183,60,60,1) 50%, rgba(170,34,34,1) 51%, rgba(165,32,32,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,225,225,1)), color-stop(2%,rgba(201,89,89,1)), color-stop(50%,rgba(183,60,60,1)), color-stop(51%,rgba(170,34,34,1)), color-stop(100%,rgba(165,32,32,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,225,225,1) 0%,rgba(201,89,89,1) 2%,rgba(183,60,60,1) 50%,rgba(170,34,34,1) 51%,rgba(165,32,32,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,225,225,1) 0%,rgba(201,89,89,1) 2%,rgba(183,60,60,1) 50%,rgba(170,34,34,1) 51%,rgba(165,32,32,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,225,225,1) 0%,rgba(201,89,89,1) 2%,rgba(183,60,60,1) 50%,rgba(170,34,34,1) 51%,rgba(165,32,32,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,225,225,1) 0%,rgba(201,89,89,1) 2%,rgba(183,60,60,1) 50%,rgba(170,34,34,1) 51%,rgba(165,32,32,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e1e1', endColorstr='#a52020',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
a.button_red:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_red:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}






.button_red_form { 
	color:#EFEFEF; 
    width:200px;  
    height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/buttonRed.png) no-repeat;
	text-align:center;
	font-size:16px;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_red_form:hover{ 
	color:#EFEFEF;
	width:200px;  
	background-position: top;  
	height:40px;  
	background-image:url(/images/buttonRed.png) no repeat;
	border:none;
	text-decoration:none;
	cursor:pointer;
}
a.button_red_form:link  { 
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_red_form:visited  { 
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}








.button_grey_med {  
	padding:0px 0 0 0;
    width:150px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/buttonGreyMedium.jpg) no-repeat;
  	text-shadow:1px 1px 1px #FFF;
	text-align:center;
	font-size:14px;
	color:#444;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_grey_med:hover{  
    width:150px;  
    background-position: top;  
    height:30px;  
    background-image:url(/images/buttonGreyMedium.jpg) no repeat;
	border:none;
	text-decoration:none;
}

a.button_grey_med:link  {  
  	text-shadow:1px 1px 1px #FFF;
	text-align:center;
	font-size:14px;
	color:#EFEFEF;
}
a.button_grey_med:visited  {  
  	text-shadow:1px 1px 1px #FFF;
	text-align:center;
	font-size:14px;
	color:#EFEFEF;
}


.button_orange_med {  
	padding:0px 0 0 0;
    width:150px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	border:1px solid #D6A84F; 

	background: #dbc9b3; /* Old browsers */

background: -moz-linear-gradient(top,  #dbc9b3 1%, #dba664 50%, #db9239 51%, #db9c4e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbc9b3), color-stop(50%,#dba664), color-stop(51%,#db9239), color-stop(100%,#db9c4e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #dbc9b3 1%,#dba664 50%,#db9239 51%,#db9c4e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc9b3', endColorstr='#db9c4e',GradientType=0 ); /* IE6-9 */
  	text-shadow:1px 1px 1px #CCC;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#222;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_orange_med:hover{  
    width:150px;  
    background-position: top;  
    height:30px;  
  border:1px solid #D6A84F;  
	
background: #d3bba0; /* Old browsers */

background: -moz-linear-gradient(top,  #d3bba0 1%, #d6b389 50%, #d39b5b 51%, #d8af7d 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d3bba0), color-stop(50%,#d6b389), color-stop(51%,#d39b5b), color-stop(100%,#d8af7d)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d3bba0 1%,#d6b389 50%,#d39b5b 51%,#d8af7d 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bba0', endColorstr='#d8af7d',GradientType=0 ); /* IE6-9 */
	border:none;
	text-decoration:none;
}

a.button_orange_med:link  {  
  	text-shadow:1px 1px 1px #FFF;
	text-align:center;
	font-size:14px;
	color:#EFEFEF;
}
a.button_orange_med:visited  {  
  	text-shadow:1px 1px 1px #FFF;
	text-align:center;
	font-size:14px;
	color:#EFEFEF;
}










.button_grey_short {  
    width:60px;  
    height:25px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/buttonLtGreyShort.png) no-repeat;
 	text-shadow:1px 1px .4px #EFEFEF;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#000;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_grey_short:hover{  
    width:60px;  
    background-position: top;  
    height:25px;  
    background-image:url(/images/buttonLtGreyShort.png) no-repeat;
	border:none;
	text-decoration:none;
}

.button_lt_grey_square { 
	padding:8px 0 0 0; 
  width:200px;  
  height:32px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
  display:block; 
	border:none; 
	background: url(/images/buttonLtGreySquare.png) no-repeat;
  text-shadow:-1px -1px .4px #FFF;
	text-align:center;
	font-size:16px;
	color:#FFF;
  background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_lt_grey_square:hover{  
  width:200px;  
  background-position: top;  
  height:32px;  
  background-image:url(/images/buttonLtGreySquare.png) no repeat;
	border:none;
	text-decoration:none;
}

.button_text {
	padding-top:8px;
	font-size:16px;
	text-decoration:none;
}

a.button_lt_grey_square {
	color:#367AAA;
	text-shadow:1px 1px .4px #EFEFEF;
	font-weight:800;
}
a.button_lt_grey_square:hover {
	color:#367AAA;
	text-shadow:1px 1px .4px #EFEFEF;
	font-weight:800;
}



.selectbox {
	opacity:0;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px;
    height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:260px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.selectbox:hover {  
	color:#000;
	text-shadow:none;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px; 
	width:260px;
    background-position:right top;  
    height:40px;  
    background-image:url(/images/selectboxGrey.png) no repeat;
	border:none;
	text-decoration:none;
}

.selectbox_wrapper {
	z-index:0;
	position:relative;
	padding:8px 50px 0 10px;
    height:32px; /*  MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:200px;
	max-width:400px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}


.selectbox_wrapper2 {
	z-index:0;
	position:relative;
	padding:8px 50px 0 10px;
    height:32px; /* MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:200px;
	max-width:400px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
   background-position:right top;   /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

#selectbox_guts {
	position:relative;
	top:-40px;
}





.selectbox3 {
	opacity:0;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px;
    height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:260px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.selectbox3:hover {  
	color:#000;
	text-shadow:none;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px; 
	width:260px;
    background-position:right top;  
    height:40px;  
    background-image:url(/images/selectboxGrey.png) no repeat;
	border:none;
	text-decoration:none;
}

.selectbox_wrapper3 {
	z-index:0;
	position:relative;
	padding:8px 50px 0 10px;
    height:32px; /*  MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:200px;
	max-width:400px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

.selectbox_wrapper4 {
	z-index:0;
	position:relative;
	padding:8px 50px 0 10px;
    height:32px; /* MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:200px;
	max-width:400px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
   background-position:right top;   /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}



.selectbox5 {
	opacity:0;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px;
    height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:260px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.selectbox5:hover {  
	color:#000;
	text-shadow:none;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px; 
	width:260px;
    background-position:right top;  
    height:40px;  
    background-image:url(/images/selectboxGrey.png) no repeat;
	border:none;
	text-decoration:none;
}

.selectbox_wrapper5 {
	z-index:0;
	position:relative;
	padding:8px 50px 0 10px;
    height:32px; /*  MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:200px;
	max-width:400px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

.selectbox_wrapper6 {
	z-index:0;
	position:relative;
	padding:8px 50px 0 10px;
    height:32px; /* MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:200px;
	max-width:400px;
	background: url(/images/selectboxGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
   background-position:right top;   /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}





.selectbox_sml {
	opacity:0;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px;
    height:25px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:280px;
	max-width:400px;
	background:url(/images/selectboxLtGreySml.png) no-repeat;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.selectbox_sml:hover {  
	
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:50px; 
	max-width:400px;
    height:25px;  
    background:url(/images/selectboxLtGreySml.png) no-repeat;
	border:none;
	text-decoration:none;
	background-position:right top;  
}


.selectbox_sml_wrapper {
	z-index:0;
	position:relative;
	padding:4px 50px 0 10px;
    height:21px; /*  MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:220px;
	max-width:400px;
	background: url(/images/selectboxLtGreySml.png) no-repeat;
  	text-shadow:1px 1px .4px #EFEFEF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

.selectbox_sml_wrapper2 {
	z-index:0;
	position:relative;
	padding:4px 50px 0 10px;
    height:21px; /* MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:220px;
	max-width:400px;
	background: url(/images/selectboxLtGreySml.png) no-repeat;
  	text-shadow:1px 1px .4px #EFEFEF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
   background-position:right top;   /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

#selectbox_sml_guts {
	position:relative;
	top:-25px;
}




.selectbox_events {
	opacity:0;
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:20px;
    height:25px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:80px;
	max-width:400px;
	background:url(/images/selectboxLtGreySml.png) no-repeat;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.selectbox_events:hover {  
	
  	-ms-appearance: none; /* IE */
  	-moz-appearance: none; /* FF */
  	-webkit-appearance: none; /* Safari and Chrome */
  	-o-appearance: none; /* Opera */
	padding-left:10px;
	padding-right:20px; 
	max-width:400px;
    height:25px;  
    background:url(/images/selectboxLtGreySml.png) no-repeat;
	border:none;
	text-decoration:none;
	background-position:right top;  
}


.selectbox_events_wrapper {
	z-index:0;
	position:relative;
	padding:4px 50px 0 10px;
    height:21px; /*  MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:20px;
	max-width:400px;
	background: url(/images/selectboxLtGreySml.png) no-repeat;
  	text-shadow:1px 1px .4px #EFEFEF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
    background-position:right bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

.selectbox_events_wrapper2 {
	z-index:0;
	position:relative;
	padding:4px 50px 0 10px;
    height:21px; /* MUST = 40px Notice that the height is not the height of the whole sprite, but the height of one single button */  
	border:none;
	width:20px;
	max-width:400px;
	background: url(/images/selectboxLtGreySml.png) no-repeat;
  	text-shadow:1px 1px .4px #EFEFEF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
   background-position:right top;   /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}

#selectbox_events_guts {
	position:relative;
	top:-25px;
}




select {
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    font:13px 'Arial', sans-serif ;
    background:#FFF url(/images/selectArrow.png) right center no-repeat;
    color:#333;
    padding:7px 9px;
    height:38px;
		margin:1px 0 0 0;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius:6px;
		-ms-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow:    inset 0 0 5px #666;
   	-webkit-box-shadow: inset 0 0 5px #666;
   	box-shadow:        inset 0 0 5px #666;
	 	border:1px solid #EFEFEF;
    width:210px;
}

.searchfield {
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    font:13px 'Arial', sans-serif ;
    background:#FFF url(/images/search.png) left center no-repeat;
    color:#333;
    padding:7px 40px 7px 35px;
    height:10px;
		margin:2px 3px 0 0;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		-o-border-radius:18px;
		-ms-border-radius: 18px;
		border-radius: 18px;
	 	border:1px solid #999;
    width:200px;
		float:right;
		cursor:default;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */

}

input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}


.checkboxtext
{	
	padding-right:10px;
	padding-left:5px;
  /* Checkbox text */
  display: inline;
}

.textfield {
	font-size:14px;
	margin-top:1px;
	padding: 0 5px;
	color:#555;
	height:36px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius:6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
  -moz-box-shadow:    inset 0 0 5px #666;
  -webkit-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
	border:1px solid #EFEFEF;
	width:265px;
	
}


.textarea{
	font-size:14px;
	margin-top:1px;
	height:150px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius:6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:    inset 0 0 5px #666;
   	-webkit-box-shadow: inset 0 0 5px #666;
  	 box-shadow:        inset 0 0 5px #666;
	 border:none;
	 border-bottom:1px solid #FFF;
	 border-right:1px solid #FFF;
	 width:450px;
	
}



.form_text {
	color:#666;
	font-size:12px;
	font-weight:800;
	text-shadow:1px 1px .4px #FFF;
}


.datepicker {
	font-size:14px;
	margin-top:1px;
	padding: 0 5px;
	color:#555;
	height:36px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius:6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
  -moz-box-shadow:    inset 0 0 5px #666;
  -webkit-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
	border:1px solid #EFEFEF;
	 width:90px;
}


.file_wrapper {  
    width:200px;  
    height:40px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/buttonGrey.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.file_wrapper:hover{  
    width:200px;  
    background-position: top;  
    height:40px;  
    background-image:url(/images/buttonGrey.png) no repeat;
	border:none;
	text-decoration:none;
}

#status_text {
	float:left;
	width:650px;
	height:15px;
	margin:10px 0 5px 10px;
	color:#C00;
	font-size:14px;
	font-weight:bold;
}




.button_join {  
	padding:0px 0 0 0;
    width:154px;  
    height:154px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/joinButtonSprite.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_join:hover{  
    width:154px;  
    background-position: top;  
    height:154px;  
    background-image:url(/images/joinButtonSprite.png) no repeat;
	border:none;
	text-decoration:none;
}

a.button_join:link  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}
a.button_join:visited  {  
	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
}

.button_cal_up {  
	padding:0px 0 0 0;
    width:30px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/calButtonSprite.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: top; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_cal_down {  
	padding:0px 0 0 0;
    width:30px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/calButtonSprite.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_list_up {  
	padding:0px 0 0 0;
    width:30px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/listButtonSprite.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: top; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  
.button_list_down {  

	padding:0px 0 0 0;
    width:30px;  
    height:30px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block; 
	border:none; 
	background: url(/images/listButtonSprite.png) no-repeat;
  	text-shadow:-1px -1px .4px #666;
	text-align:center;
	font-size:16px;
	color:#EFEFEF;
    background-position: bottom; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  


.file_button_container,
.file_button_container input {
	 height: 40px;
	 width: 200px;
 }

 .file_button_container {
	 background:url(/images/buttonRedUpload.png) left top no-repeat;
 }
 .file_button_container:hover {
	 background:url(/images/buttonRedUpload.png) left bottom no-repeat;
 }

 .file_button_container input {
	 opacity: 0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	 filter: alpha(opacity=0);
 }
  
	
.plus-button-container,
.plus-button-container input {
	 height: 25px;
	 width: 25px;
	 
	 
 }

 .plus-button-container {
	 background:url(/images/plusButton.png) left top no-repeat;
	 cursor:pointer;
 }
 .plus-button-container:hover {
	 background:url(/images/plusButton.png) left bottom no-repeat;
	 cursor:pointer;
 }

 .plus-button-container input {
	 opacity: 0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	 filter: alpha(opacity=0);
 }
   
    
   

	/* CSS Document */