/**
* Default html elements styles
*
* 
* 
*
* author: hki
* version: 0.1
*/
body {
color: #111;
font-family: Arial !important;
margin: 0;
padding: 0;
}

a, .anormal {
color: #666;
text-decoration: none;
background: none;
}

a:hover, .anormal:hover {
color: #44a7ec;
text-decoration: underline;
}

legend {
color: #1c3456;
}

input[type='text'], input[type='password'] {
padding: 5px;
margin: 5px;
border: 1px solid #666;
}

input[type='text']:focus {
background: #f5fcfb;
}

input[type='submit'] {
padding: 10px 30px 10px 30px;
background: linear-gradient(to bottom, #555, #666);
border: 0px solid #eee;
color: #eee;
cursor: pointer;
}

input[type='submit']:hover {
background: linear-gradient(to bottom, #552, #662);
color: #fff;
}

input[type='file'] {
padding: 10px 30px 10px 30px;
background: linear-gradient(to bottom, #555, #666);
border: 0px solid #eee;
color: #eee;
cursor: pointer;
}

select {
padding: 5px 0px 5px 0px;
background: linear-gradient(to bottom, #fff, #fff);
border: 0px solid #44a7ec;
border-bottom: 4px solid #44a7ec;
color: #666;
}

button {
padding: 10px 30px 10px 30px;
background: linear-gradient(to bottom, #1c3456, #1e3456);
border: 0px solid #eee;
color: #eee;
cursor: pointer;
}

button:hover {
color: #fff;
background: linear-gradient(to bottom, #44a7ec, #46a7ec);
}


textarea {
resize: none;
margin: 5px;
}

textarea:focus {
background: #eff;
}


h1 {
font-size: 33px;
color: #666;
}

h2 {
font-size: 23px;
color: #666;
}

h3 {
font-size: 18px;
color: #666;
}

p {
color: #333;
line-height: 150%;
}

table {
border-collapse: collapse;
}

table, td, th {
border: 1px solid #999;
padding: 3px;
font-size: 12px;
}

th {
padding: 10px 30px 10px 30px;
background: #1c3456;
border: 0px solid #eee;
color: #eee;
}

ul {
list-style-type: none;
}

li {
float: left;
}


/** --------------------------------------------------------------------




/**
* Custom alert popup
*
* 
* 
*
* author: hki
* version: 0.1
*/
.sqAlert {
font-family: Arial;
color: #666;
display: none; 
position: absolute;
z-index: 10; 
right: 0; 
left: 0; 
margin: auto; 
padding: 10px; 
}

.sqAlert > .sqButton {
font-family: Arial;
padding: 10px 30px 10px 30px;
background: linear-gradient(to bottom, #555, #666);
border: 0px solid #eee;
color: #eee;
float: right;
}


.sqAlert > .sqButtonError {
background: linear-gradient(to bottom, #b50026, #7c021c);
}



/** --------------------------------------------------------------------




/**
* Custom confirm popup
*
* 
* 
*
* author: hki
* version: 0.1
*/
.sqConfirm {
font-family: Arial;
color: #666;
display: none; 
position: fixed;
z-index: 10; 
right: 0; 
left: 0; 
margin: auto; 
padding: 10px; 
}

.sqConfirm > .sqButton {
font-family: Arial;
padding: 10px 30px 10px 30px;
background: linear-gradient(to bottom, #555, #666);
border: 0px solid #eee;
color: #eee;
float: right;
margin-left: 10px;
}

/** --------------------------------------------------------------------



/**
* Custom styles for current page
*
* 
* 
*
* author: hki
* version: 0.1
*/
.w1000 {
width: 1000px;
}

.w1100 {
width: 1100px;
}

.w1200 {
width: 1200px;
}

.w1300 {
width: 1300px;
}

.w100p {
width: 100%;
}

.w50p {
width: 50%;
}

.w25p {
width: 25%;
}

.center {
margin-left: auto;
margin-right: auto;
right: 0;
left: 0;
}

.left {
float: left;
}

.right {
float: right;
right: 0;
}

.m5 { margin: 10px; }
.m10 { margin: 10px; }
.m20 { margin: 10px; }
.m30 { margin: 30px; }
.m5t { margin-top: 10px; }
.m10t { margin-top: 10px; }
.m20t { margin-top: 10px; }
.m30t { margin-top: 30px; }
.m5b { margin-bottom: 10px; }
.m10b { margin-bottom: 10px; }
.m20b { margin-bottom: 10px; }
.m30b { margin-bottom: 30px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p20 { padding: 10px; }
.p30 { padding: 30px; }
.p5t { padding-top: 10px; }
.p10t { padding-top: 10px; }
.p20t { padding-top: 10px; }
.p30t { padding-top: 30px; }
.p5b { padding-bottom: 10px; }
.p10b { padding-bottom: 10px; }
.p20b { padding-bottom: 10px; }
.p30b { padding-bottom: 30px; }
.clear { clear: both; }
.absolute { position: absolute; }
.hidden { display: none; }

nav a {
color: white;
font-size: 20px;
margin: 5px;
margin-top: 10px;
display: block;
float: left;
}

nav {
background: #1c3456;
}

table a {
padding: 5px;
background: #44a7ec;
color: white;
font-size: 12px;
margin: 5px;
display: block;
text-align: center;
}


table a:hover {
color: #fff;
}