One Hat Cyber Team

View File Name : client.css

/* IMPORT ADDITIONAL CSS */
@import url("reset.css");


/* ------ CLIENT CHAT WINDOW ------ */
#status_box {
	margin:10px auto;
        padding:3px 10px 10px 10px;
        background-color:#fff;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
	border:1px solid #222;
}
.ls_available {
	border:1px solid #000;
	padding:5px;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
	text-align:center;
	font-size:18px;
	background: #dff3a8;
        background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
        background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92)";

	border:1px solid #ABE195;
}
.ls_available a { color:#222;}
.ls_unavailable {
        border:1px solid #000;
        padding:5px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        text-align:center;
        font-size:18px;
	background: #f4d4d4;
        background: -moz-linear-gradient(top,#f4d4d4,#e18383);
        background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2)";
        border:1px solid #db6868;
}
.ls_unavailable a { color:#222;}

#chat_window {
	position:relative;
	margin:10px auto;
	padding-top:5px;
	width:490px;
	height:415px;
	background-color:#fff;
	color:#222;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;

}
.container {
	position:relative;
	margin:10px;
}
.centered_container {
	margin:10px auto;
	border:1px solid red;
	padding:10px;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
}

#chatOutput {
	margin:10px;
	border:1px solid #A8B9CB;
	height:310px;
	overflow:auto;
	font-family: Verdana, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.5em;
}


/* ------ GLOBALS ------- */
.error {
        background-color:#fdc3c3;
        border:1px solid #b10000;
        padding:5px 1px 5px 50px;
        margin: 10px 0px 10px 0px;
        background-image:url(../images/icons/stop.png);
        background-repeat:no-repeat;
        background-position:10px 7px;
        color:#000;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        min-height:40px;
}
.success {
        background-color:#dff3a8;
        border:1px solid #ABE195;
        padding:5px 1px 5px 50px;
        margin: 10px 0px 10px 0px;
        background-image:url(../images/icons/ok.png);
        background-repeat:no-repeat;
        background-position:10px 7px;
        color:#000;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        min-height:40px;
}

.inline {display:inline;}
.small_text {font-size:14px;}
.red { color:red;}
.bblue {
	background-color:#a6c9e4;
	border-radius:inherit;
}
.pale_blue {
	background-color:#E4F0F5;
	border:1px solid #D6EFF8;
}
.response_sum {	
	font-size:10px;
	color:#555;
}
.admin {
	background-color:#effcff;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}
.user {
	background-color:#f4fdf1;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}
.notice {
        padding:10px 5px 10px 5px;
        background-color:#d0e5f9;
        background-image:url(../images/icons/notice.png);
        background-position:98% 50%;
        background-repeat:no-repeat;
	border-bottom:1px solid #c4dde1;
}
.text_block {
	padding:10px 5px 5px 10px;
}	
.error {
        background-color:#fdc3c3;
        border:1px solid #b10000;
        padding:1px 1px 1px 45px;
        margin: 10px 0px 10px 0px;
        background-image:url(../images/icons/stop.png);
        background-repeat:no-repeat;
        background-position:10px 7px;
        color:#000;
	-moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

/* ------ FORMS ------- */
.thin { width:250px; }
.wide { width:500px; }
label {
	font-size:15px;
	margin:0px 0px 0px 10px;
}
.input_field {
	margin:5px 0px 8px 10px;
	background-color: #fff;
	font-size: 14px;
	color: #444;
	padding: 6px;
	border:1px solid #A8B9CB;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.5em;
}
.input_field:focus {
	-moz-box-shadow: 0px 1px 3px #a6c9e4;
        -webkit-box-shadow: 0px 1px 3px #a6c9e4;
        box-shadow: 0px 1px 3px #a6c9e4;
	border:1px solid #6cb0e4;
}
.submit {
	height:auto;
	padding:5px;
	border:1px solid #5ab9dc;
	cursor:pointer; 
	background: #76aec3;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf6fb), to(#5ab9dc));
	background: -moz-linear-gradient(top, #edf6fb, #5ab9dc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf6fb, endColorstr=#5ab9dc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf6fb, endColorstr=#5ab9dc)";
	
	font-weight:600;
	color:#2a4f64;

}
/* ------ TYPE ------ */

/*p,h1,h2,h3,h4 {
	margin:10px 0px 10px 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.5em;
}

h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:22px;}
h4 {font-size:18px;}*/