@charset "UTF-8";
/* CSS Document 
*	AJ Computel
*	Created By Kang Anwar
*	anwarkpt1989@gmail.com
*/

/* ---------------------------------------------------------------------------------
FORM
--------------------------------------------------------------------------------- */ 
form {
	padding:20px;
}

form h1 {
	margin:0px;
	padding:0px;
	display:block;
	height:30px;
	font-size:20px;
	background-color:#273339;
	color:#FFF;
	margin-bottom:10px;
	text-align:center;
	padding:5px;
}

input, select, password, textarea {
	font-family:RobotoCondensed, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
}

fieldset {
	border:none;
}

label	{
	width:150px;
	display:inline;
	float:left;
	text-align:right;
	height:27px;
	margin-right:10px;
	padding-top:3px;
}

input[type="text"], 
input[type="password"] {
	height:30px;
	width:auto;
	border:1px solid #dddddd;
	outline:none;
	padding:0 8px 0 8px;
	float:left;
}

input[type="text"]:hover,
input[type="password"]:hover {
	border:1px solid #258cc7;
	background-color:#e9e8e8;
}

select {
	border:1px solid #dddddd !important;
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
    text-indent: 0.01px;
    text-overflow: '';
	
	width: 150px; /*Width of select dropdown to give space for arrow image*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	height:30px;
	border-radius:0px;
	padding:0 8px 0 8px;
	margin-left:2px;
	background: #fff url(images/arrow-select.png) no-repeat 95% center;
	outline:none;
	float:left;
}

.buttonForm {
	height:34px;
	min-width:91px;
	border-radius:2px;
	background-color:#000;
	color:#FFF;
	border:none;
	outline:none;
	font-size:14px;
	padding-left:25px;
}

.buttonForm:hover {
	cursor:pointer;
	color:#CCC;
}

.buttonForm p {
	position:absolute;
	float:left;
	margin:0px;
	padding:5px;
	
}

/*  ICON -------------------------------------------------------------------------*/
.icoMenu	{
	background-image:url(../icon/menu.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
}

.icoRefresh	{
	background-image:url(../icon/refresh.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
}

.icoImport	{
	background-image:url(../icon/import1.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
}


/*  COLOR -------------------------------------------------------------------------*/
.bgOrange	{
	background-color:#e88466;
}

.bgBlue	{
	background-color:#3b99c7;
}

.bgRed	{
	background-color:#d5545b;
}

/*  WIDTH -------------------------------------------------------------------------*/
.form500	{
	width:500px;
}

.form800	{
	width:800px;
}