/*---------- Main Style ----------*/
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	
	/* IE */
  	/* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); */

  	/* Chrome, Safari */
  	/* -webkit-filter: grayscale(1); */

  	/* Firefox */
  	/* filter: grayscale(1); */
}

td {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

input {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

textarea {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

select {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

/*---------- Frame Border Style ----------*/
td.frame_top_left {
	background-image: url(/images/geluk/frame/top_left.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

td.frame_top_center {
	background-image: url(/images/geluk/frame/top_center.png);
	background-repeat: repeat-x;
	width: 25px;
	height: 25px;
}

td.frame_top_right {
	background-image: url(/images/geluk/frame/top_right.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

td.frame_left_center {
	background-image: url(/images/geluk/frame/left_center.png);
	background-repeat: repeat-y;
	width: 25px;
}

td.frame_right_center {
	background-image: url(/images/geluk/frame/right_center.png);
	background-repeat: repeat-y;
	width: 25px;
}

td.frame_bottom_left {
	background-image: url(/images/geluk/frame/bottom_left.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

td.frame_bottom_center {
	background-image: url(/images/geluk/frame/bottom_center.png);
	background-repeat: repeat-x;
	width: 25px;
	height: 25px;
}

td.frame_bottom_right {
	background-image: url(/images/geluk/frame/bottom_right.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

/*---------- Menu Style ----------*/
.text-navi {
	font: 12px/14px Calibri, Arial, Helvetica, sans-serif;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.text-navi a {
	font: 10px/10px Calibri, Arial, Helvetica, sans-serif;
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}

.text-navi a:hover {
	font: 10px/10px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/*---------- Text Style ----------*/
.text {
	font: 12px/16px Calibri, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 20px;
	color: #333300;
}

.text-header {
	font: 18px/20px Calibri, Arial, Helvetica, sans-serif;
	padding: 10px 30px 10px 10px;
	color: #333333;
	height: 35px;
	font-weight: bold;
}

.text-bold {
	font: 12px/16px Calibri, Arial, Helvetica, sans-serif;
	background-color: #b7b8a0;
	color: #FFF;
	font-weight: bold;
}

.text-link:link {
	font: 14px/17px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none
}

.text-link:visited {
	font: 14px/17px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none
}

.text-link:active {
	font: 14px/17px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none
}

.text-link:hover {
	font-weight: bold;
	color: #e8e7e7;
	text-decoration: none
}
/*---------- Table Row Style ----------*/
.adminPadding {
	padding: 14px;
	background-color: #ffffff;
}

.r1 {
	background-color: #edebe2;
}

.f {
	height: 1px;
	margin: 0px 5px 0px 5px;
	background: #cdcdcf;
}

.g {
	height: 1px;
	background: #ffffff;
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
	margin: 0px 3px 0px 3px;
}

.h {
	height: 1px;
	background: #ffffff;
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
	margin: 0px 2px 0px 2px;
}

.i {
	background: #ffffff;
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
	margin: 0px 1px 0px 1px;
	height: 2px;
}

.j {
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
	background: #ffffff;
}

/*---------- Button Style ----------*/
input[type="button"] {
	border : solid 1px #000000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	padding : 1px 17px;
	background : #5f6166;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f6166), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -o-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : linear-gradient(top, #5f6166 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6166', endColorstr='#00060a',GradientType=0 );
	cursor: pointer;
}

input[type="button"]:hover {
	background-color: #495c6e;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: #FFFFFF 1px solid;
}

input[type="submit"] {
	border : solid 1px #000000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	padding : 1px 17px;
	background : #5f6166;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f6166), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -o-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : linear-gradient(top, #5f6166 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6166', endColorstr='#00060a',GradientType=0 );
	cursor: pointer;
}

input[type="submit"]:hover {
	background-color: #495c6e;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: #FFFFFF 1px solid;
}

button {
	border : solid 1px #000000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	padding : 1px 17px;
	background : #5f6166;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f6166), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -o-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : linear-gradient(top, #5f6166 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6166', endColorstr='#00060a',GradientType=0 );
	cursor: pointer;
}

button:hover {
	background-color: #495c6e;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: #FFFFFF 1px solid;
}

/*---------- Text Box Style ----------*/
input[type="text"] {
    height: 25px;
    width: 200px;
    text-shadow: 0px 1px 0px #FFF;
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFF));
    background: -moz-linear-gradient(top, #E6E6E6, #FFF);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    -webkit-box-shadow: 1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #efefef;
    box-shadow: 1px 1px 0px #EFEFEF;
	font-size: 16px;
	padding-left: 5px;
}

label {
	height: auto;
    min-height: 25px;
    max-height: 100px;
    width: 250px;
    text-shadow: 0px 1px 0px #FFF;
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
    background: -moz-linear-gradient(top, #FFF, #FFF);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    -webkit-box-shadow: 1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #efefef;
    box-shadow: 1px 1px 0px #EFEFEF;
	font-size: 16px;
	padding-left: 5px;
	display: block;
	overflow: hidden;
}

.labelArea {
    height: auto;
    min-height: 25px;
    max-height: none;
    width: auto;
    max-width: 500px;
    text-shadow: 0px 1px 0px #FFF;
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
    background: -moz-linear-gradient(top, #FFF, #FFF);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    border: 1px solid #717171;
    -webkit-box-shadow: 1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #efefef;
	font-size: 16px;
	padding-left: 5px;
	display: block;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

textarea {
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFF));
    background: -moz-linear-gradient(top, #E6E6E6, #FFF);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    -webkit-box-shadow: 1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #efefef;
    box-shadow: 1px 1px 0px #EFEFEF;
	font-size: 16px;
	padding-left: 5px;
}

.textbox { 
    height: 25px;
    width: 200px;
    text-shadow: 0px 1px 0px #FFF;
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFF));
    background: -moz-linear-gradient(top, #E6E6E6, #FFF);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    -webkit-box-shadow: 1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #efefef;
    box-shadow: 1px 1px 0px #EFEFEF;
	font-size: 16px;
	padding-left: 5px;
}

.prev, .next {
  cursor: pointer;
  position: block;
  top: 10px;
  width: auto;
  padding: 12px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
  border-radius: 0 3px 3px 0;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  font-weight: bold;
  background-color: rgba(0,0,0,0.8);
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.trHover tr:hover {
  color: #0000FF;
  font-weight: bold;
  background-color: #ffff99;
  cursor: pointer;
}