﻿/*****Form******/
div.formContent .inputtext,
div.formContent  textarea,
div.formContent input[type="text"], 
div.formContent input[type="password"]{
    background:#FFF;
    border: 1px #CCCCCC solid ;
	font-family: Arial, sans-serif;
	font-size:13px;
	height:28px;
	line-height:28px;
    color: #333;
    width:200px;
    padding:0px 10px;

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	
	display: inline-block;
	margin:4px 0px;
}
div.formContent .inputfile,
div.formContent input[type="file"]{
	width:140px;
}

div.formContent input[type="text"].inputtextmedium{ width:150px;}
div.formContent input[type="text"].inputtextsmall{ width:100px;}
div.formContent  textarea  {
	height:100px;
	width:95%;
}

div.formContent .inputtext:focus,
div.formContent input[type="text"]:focus, div.formContent input[type="password"]:focus{
    background:#FFF;
    color: #333;
   /* width:200px;*/
    -webkit-box-shadow:0 0 5px #3FC8F4;
    -moz-box-shadow:0 0 5px #3FC8F4;
    box-shadow: 0 0 5px #3FC8F4;
	border:1px solid #3FC8F4;
}
div.formContent  textarea:focus,
div.formContent select:focus,
div.formContent .typeselect:focus{
    background:#FFF;
    color: #333;
    -webkit-box-shadow:0 0 5px #3FC8F4;
    -moz-box-shadow:0 0 5px #3FC8F4;
    box-shadow: 0 0 5px #3FC8F4;
	border:1px solid #3FC8F4;
}

div.formContent select,
div.formContent .typeselect{
    background:#FFF;
	font-family: Arial, sans-serif;
	font-size:13px;
    color: #333;

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	
	display: inline-block;
	margin:4px 0px;
}

div.formContent .typeselectNotfix{
    background:#FFF;
	font-family: Arial, sans-serif;
	font-size:13px;
    color: #333;

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	
	display: inline-block;
	margin:4px 0px;
}

div.formContent select{
   width:222px;
   padding:6px 4px;
   font-size:13px;
   line-height:24px;
   border: 1px solid #ccc;
	color: #333;
}
div.formContent select.selectShort{ width:125px;}
div.formContent select.selectsmall{ width:100px;}

div.formContent .submitForm{
	padding:0px 20px;
	border:none;
	height:32px;	
	padding-bottom:1px;
	line-height:32px;
	color:#FFF;
	font-size:14px;
	font-family: Arial, sans-serif;
	margin-bottom:0px;
	/*border:1px solid #217346;*/
}
div.formContent .submitFormM{
	padding:0px 20px;
	border:none;
	height:30px;	
	padding-bottom:1px;
	line-height:30px;
	color:#FFF;
	font-size:13px;
	font-family: Arial, sans-serif;
	margin-bottom:0px;
	/*border:1px solid #217346;*/
}

div.formContent .submitbtn-green{
	padding:0px;
	border:none;
	background:#217346;
	width:104px;
	height:32px;	
	padding-bottom:1px;
	line-height:32px;
	color:#FFF;
	font-size:14px;
	font-family: Arial, sans-serif;
	border:1px solid #217346;
	
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
	cursor:pointer;
	
	margin: 5px 4px;
}
div.formContent .submitbtn-green:hover{background:#1a603a; border:1px solid #1a603a;}


/***Table*****/
table.table_data_default{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_default td{
    padding:5px 5px;
	vertical-align:top;
	font-size:12px;
	border:1px solid #FFFFFF;
		/*background:#E0E0BE;*/
}
table.table_data_default th{
	padding:7px 5px;
	font-weight:bold;
	font-size:12px;
	background:#CCCCCC;
	color:#666666;
	border:1px solid #FFFFFF;
	text-align:center;
	vertical-align:top;
}

/*table gray*/
table.table_data_gray{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_gray td{
    padding:5px 5px;
	vertical-align:top;
	background:#ffffff;
	border:1px solid #d5d5d5;
}
table.table_data_gray th{
	padding:7px 5px;
	font-weight:bold;
	background:#f1f1f1;
	color:#666;
	text-align:center;
	border:1px solid #d5d5d5;
	text-align:left;
	vertical-align:top;
}
table.table_data_gray td.c1{
    padding:5px 5px;
	vertical-align:top;
	background:#f9f9f9;
	text-align:center;
	font-weight:bold;
	border:1px solid #d5d5d5;
}

/*table red*/
table.table_data_red{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_red td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #e59c9c;
}
table.table_data_red th{
	padding:7px 5px;
	font-weight:bold;
	background:#f6dede;
	color:#333;
	border:1px solid #e59c9c;
	text-align:left;
	vertical-align:top;
}

/*table orange*/
table.table_data_orange{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_orange td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #f4b083;
}
table.table_data_orange th{
	padding:7px 5px;
	font-weight:bold;
	background:#fbe4d5;
	color:#333;
	border:1px solid #f4b083;
	text-align:left;
	vertical-align:top;
}

/*table green*/
table.table_data_green{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_green td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #a8d08d;
}
table.table_data_green th{
	padding:7px 5px;
	font-weight:bold;
	background:#e2efd9;
	color:#333;
	border:1px solid #a8d08d;
	text-align:left;
	vertical-align:top;
}

/*table yellow*/
table.table_data_yellow{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_yellow td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #ffd966;
}
table.table_data_yellow th{
	padding:7px 5px;
	font-weight:bold;
	background:#fff2cc;
	color:#333;
	border:1px solid #ffd966;
	text-align:left;
	vertical-align:top;
}

/*table blue*/
table.table_data_blue{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_blue td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #9cc2e5;
}
table.table_data_blue th{
	padding:7px 5px;
	font-weight:bold;
	background:#deeaf6;
	color:#333;
	border:1px solid #9cc2e5;
	text-align:left;
	vertical-align:top;
}
table.table_data_blue th td{
	border:0;
	padding: 0;
}
/*table blue-old*/
table.table_data_blue_old{
	border:0;
	color:#666;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_blue_old td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #ffffff;
	background:#e9edf4;
}
table.table_data_blue_old th{
	padding:7px 5px;
	font-weight:bold;
	background:#709fd6;
	color:#333;
	border:1px solid #ffffff;
	text-align:center;
	vertical-align:top;
}
table.table_data_blue_old td.c1{
    padding:5px 5px;
	vertical-align:top;
	background:#d0d8e8;
	text-align:center;
	font-weight:bold;
	border:1px solid #ffffff;
}
/*table white*/
table.table_data_white{
	border:0;
	color:#333;
	font-size:13px;
	width:100%;
	border-collapse:collapse;
}
table.table_data_white td{
    padding:5px 5px;
	vertical-align:top;
	border:1px solid #CCC;
}
table.table_data_white th{
	padding:7px 5px;
	font-weight:bold;
	/*background:#deeaf6;*/
	color:#333;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:top;
}

/***Table*****/
table.table_noline{
	border:0;
	width:100%;
	border-collapse:collapse;
}
table.table_noline td{
    padding:0;
	vertical-align:top;
	border:0;
}
table.table_noline th{
	padding:0;
	font-weight:bold;
	border:0;
	text-align:center;
	vertical-align:top;
}


img.radius_right_bottom{
	-webkit-border-radius:0px 0px 8px 0px;
	-moz-border-radius:0px 0px 8px 0px;
	border-radius:0px 0px 8px 0px;
	margin-bottom:-2px;
}

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	div.formContent  textarea  {
		height:100px;
		width:92%;
		padding:0px 8px;
	}
}

/*  Mobile Layout: 320px.*/
@media only screen and (max-width: 767px) {
	table td{ font-size:11px !important;}

	div.formContent .inputtext,
	div.formContent  textarea,
	div.formContent input[type="text"], 
	div.formContent input[type="password"]{
		width:180px;
		padding:0px 5px;
	}

	div.formContent  textarea  {
		height:100px;
		width:92%;
		padding:0px 6px;
	}
	
}

/*  Wide Mobile Layout: 480px.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	table td{ font-size:12px !important;}

	div.formContent .inputtext,
	div.formContent  textarea,
	div.formContent input[type="text"], 
	div.formContent input[type="password"]{
		width:200px;
		padding:0px 8px;
	}
	
	div.formContent  textarea  {
		height:100px;
		width:91%;
		padding:0px 5px;
	}
}