/* Colors */

/*
	SAP blue : #04357B
	SAP New blue : #0C8BCE
	SAP orange : #EFAB00
	SAP bright blue : #D9E5F2
	Micropole green : #8BFB15
*/

/* General */

/* General - Standard Tags */

body, html {
	background:white;
	font-family:Verdana, Arial;
	color:black;
	background:#04357B;
	padding:0;
	margin:0;
	min-width:1024px;
}

table {
	border:none;
	background:none;
	text-align:center;
	margin:0;
	padding:0;
	border-spacing:0;
}

table td {
	padding:0;
}

input, textarea {
	font-family:Verdana, Arial;
	font-size:12px;
	background:none;
	border:none;
}
input[type=text] {
	border:2px solid #04357B;
	padding:5px;
	color:#04357B;
	width:200px;
}

input[type=button]:hover, input[type=submit]:hover, input[type=password]:hover, input[type=text]:hover, input[type=text]:focus {
	background-color:#EFAB00;
}

input[disabled="disabled"], textarea[disabled="disabled"], input:disabled, textarea:disabled {
	background-color:#D9E5F2;
	border-color:#D9E5F2;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner  {
	border: none;
}

input[type=button], .clickable {
	cursor:pointer;
}

p {
	margin:0;
	padding:0;
}

a, a:visited {
	color:black;
	text-decoration:none;
}

a:active, a:focus, input:active, input:focus  {
	outline: none;
}

img {
	border:none;
}

#process {
	background: url("images/processing_16.gif") 0 0 no-repeat;
	width:16px;
	height:16px;
	font-size:13px;
	line-height:13px;
}

/* General - Classes */

.round_top {
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	-khtml-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
.round_bottom {
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-khtml-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
.round_right {
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	-khtml-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
.round_left {
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	-khtml-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}
.round_bottom_left {
	-moz-border-radius:0 0 0 10px;
	-webkit-border-radius:0 0 0 10px;
	-khtml-border-radius:0 0 0 10px;
	border-radius:0 0 0 10px;
}
.round {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}
.tiny_round {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
.tiny_top_right {
	-moz-border-radius:5px 0 5px 5px;
	-webkit-border-radius:5px 0 5px 5px;
	-khtml-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.error, .warning, .success {
	margin:10px 0;
	color:red;
	font-weight:bold;
	border:1px solid red;
	padding:3px;
	font-size:14px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}

.warning {
	color:orange;
	border-color:orange;
	font-style:italic;
	font-size:13px;
}

.success {
	color:green;
	border-color:green;
}

.title {
	font-weight:bold;
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:-4px;
}

.button {
	border:1px solid #04357B;
	color:#04357B;
	padding:7px;
	padding-left:32px;
	background:#D9E5F2 url("images/yes_24.png") 5px 50% no-repeat;
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
}

.button:hover {
	background-color:#EFAB00;
}

.addr {
	cursor:text;
}

.addr:hover {
	background-color:white;
}

.heavy {
	border-width:2px;
	font-weight:bold;
}

.add {
	background-image:url("images/add_24.png");
	background-position:2px 50%;
	padding-left:29px;
}

.switch {
	background-image: url("images/expand_left_16.png"), url("images/expand_right_16.png");
	background-position: 3px 3px, 11px 10px;
}

.share {
	background-image:url('images/share_24.png');
}

.delete {
	background-image:url("images/no_24.png");
	background-position:2px 50%;
	padding-left:27px;
}

.maximized {
	width:100%;
}

.righty {
	text-align:right;
}

.lefty {
	text-align:left;
}

.h1_wrap {
	margin:0 12px;
}

.h1_wrap h1 {
	margin:0 -12px 12px;
	padding:12px 10px;
	width:100%;
	border:2px solid #04357B;
	background-color:#D9E5F2;
	background-position:0 50%;
	background-repeat:no-repeat;
}

.h1_wrap h1 span {
	font-family:Arial;
	color:#04357B;
	padding-left:44px;
	font-size:32px;
	line-height:32px;
	font-style:italic;
	font-weight:600;
}

.author_box, .author_box a  {
	padding:5px 10px;
	background:#04357B;
	color:white;
	font-size:12px;
}

.author_box a {
	background:none;
}

.author_box span:first-child {
	font-weight:bold;
}

.standalone .author_box {
	margin-top:10px;
}
.standalone .author_box:hover {
	color:#EFAB00;
}

.hide, .mobile {
	display:none;
}

/* Container */

#container {
	background:#04357B;
	padding:10px 10px 1px;
}

/* Logon */

#logon_logo {
	text-transform:uppercase;
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	border-bottom:3px solid white;
	font-weight:bold;
	color:white;
	font-size:30px;
	text-decoration: none;
}

#logon_container {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-240px;
	margin-top:-34px;
}
#logon_container #logon_box {
	border-top:1px inset #E0E0E0;
	border-left:1px inset #E0E0E0;
	border-bottom:1px outset #808080;
	border-right:1px outset #808080;
	background:white;
	overflow:hidden;
	position:relative;
}
#logon_container #logon_box .key {
	position:absolute;
	height:100%;
	width:68px;
	background:#D9E5F2 url('images/share_48.png') 10px 50% no-repeat;
}
#logon_container #logon_box table {
	margin-left:68px;
	padding:10px;
}
#logon_container #logon_box td {
	padding:5px;
	text-align:left;
	font-size:18px;
	color:#04357B;
}
#logon_container #logon_box .validate {
	text-align:right;
}
#logon_container #logon_box input {
	border:1px solid #04357B;
	color:#04357B;
	font-size:18px;
	padding:1px 5px;
	width:200px;
}
#logon_container #logon_box input[type=submit] {
	width:auto;
}

/* Header */

#header {
	padding:0 0 10px 0;
	margin:0;
}

#header table td.cell {
	width:50%;
	margin:0;
}

#micropole {
	padding:0 5px;
	background:white;
}

#logo {
	color:white;
	font-size:50px;
	position:absolute;
	top:5px;
}

#logo span {
	font-weight:normal;
	color:#D9E5F2;
}

.logo2 {
	position:absolute;
	top:9px;
	width:200px;
	height:35px;
	margin-left:36px;
	/*background: url(images/logo2.png) 30px 0 no-repeat;*/
}

#query, #search_btn_submit {
	height:35px;
	font-size:20px;
	color:#04357B;
	border:none;
}

#query {
	padding:0 10px;
	background:white;
	width:300px;
	color:#D9E5F2;
}

#search_btn_submit {
	background:#D9E5F2;
	border-left:2px solid #04357B; 
}

#search_btn_submit:hover {
	background-color:#EFAB00;
}

/* Main */

#main {
	background:white;
	/*padding:10px;*/
	margin-left:30px;
	position:relative;
	overflow:hidden;
	border:10px solid white;
}

/* Menu */

#menu {
	position:absolute;
	background: white /*url('images/expand_right_16.png') 50% 50% no-repeat*/;
	width:20px;
	padding:10px 0;
	z-index:10;
	border-right:0 solid #04357B;
}

#menu #menu_title {
	text-align:center;
	margin:0;
	margin-top:-4px;
	padding:0;
	cursor:pointer;
	position:fixed;
}
#menu #menu_title:hover p {
	color:#EFAB00;
}
#menu #menu_title p {
	margin:0;
	padding:0;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#04357B;
}

#menu #menu_box {
	display:none;
	color:#04357B;
	text-align:center;
}

#menu #menu_box h1 {
	margin:-10px 0 0 -3px;
	padding:0;
	border-bottom:2px solid #04357B;
}

#menu #menu_box ul {
	margin:0;
	padding:0;
	text-align:left;
	font-size: 20px;
}

#menu #menu_box ul li {
	margin:0;
	padding : 5px 0 5px 35px;
	list-style:none;
	background: white 5px 5px no-repeat;
	cursor:pointer;
	line-height:24px;
	height:24px;
	border-bottom:2px solid white;
}

#menu #menu_box ul li {
	margin:0;
	padding : 5px 0 5px 35px;
	list-style:none;
	background: white 5px 5px no-repeat;
	cursor:pointer;
	line-height:24px;
	height:24px;
	border-bottom:2px solid white;
}

#menu #menu_box ul li:hover {
	border-bottom-color:#04357B;
	background-color:#EFAB00;
}

#menu #menu_box ul li#add_ln, #menu #menu_box ul li#procedure_ln, #menu #menu_box ul li#doc_ln {
	background-image:url('images/add_24.png');
}
#menu #menu_box ul li#list_ln {
	background-image:url('images/preview_24.png');
}
#menu #menu_box ul li#quick_code_access_ln {
	background-image:url('images/preview_24.png');
}
#menu #menu_box ul li#profile_ln {
	background-image:url('images/tux_24.png');
}
#menu #menu_box ul li#chat_ln {
	background-image:url('images/chat_24.png');
}
#menu #menu_box ul li#options_ln {
	background-image:url('images/options_24.png');
}
#menu #menu_box ul li#rss_ln {
	background-image:url('images/rss_24.png');
}
#menu #menu_box ul li#rss_ln a {
	color:#04357B;
}
#menu #menu_box ul li#log_me_out_ln {
	background-image:url('images/exit_24.png');
}
#menu #menu_box ul li#quick_code_access_ln input {
	border:2px solid #04357B;
	width:60px;
	padding:0 5px;
	font-size:16px;
	color:#04357B;
}

#menu .useless_button {
	width:0;
	height:0;
	position:absolute;
	bottom:5px;
	left:5px;
	border:5px solid #04357B;
}

/* Welcome */

#welcome .h1_wrap h1 {
	background-image:url("images/share_48.png");
	background-position:10px 50%;
}
#welcome .h1_wrap h1 span {
	padding-left:57px;
}

#welcome #welcome_container {
	border:2px solid #04357B;
	background:#D9E5F2;
	padding:10px;
}

#welcome p.redirect {
	font-size:12px;
	font-style:italic;
}

#welcome p.welcome_text {
	font-weight:bold;
}

#welcome #welcome_container ul li {
	font-size:13px;
}

#welcome #welcome_container ul li ul {
	font-size:12px;
}

#welcome a.feedback {
	background:url("images/mail_24.png") 0 50% no-repeat;
	padding:6px 0 5px 30px; /* 6 + 13 + 2 + 5 */
	text-decoration:underline;
	font-style:italic;
	font-size:13px;
}

/* Add Code */

#add_code_container, #add_code_container input {
	font-size:14px;
}

#add_code_container table {
	text-align:left;
}

#add_code_container table tr td {
	padding:5px 5px 5px 0;
}

#add_code_container table tr td:first-child {
	font-weight: bold;
}

#add_code_container table tr td.last {
	padding-bottom:0px;
}

#add_code_container textarea, #edit_container textarea {
	margin:0 -10px;
	padding:10px 6px 10px 10px;
	width:100%;
	border:2px solid #04357B;
	min-height: 200px;
	height:300px;
	font-family:courier;
	color:black;
	font-size:14px;
}

#add_code_container .h1_wrap h1 {
	background-image:url("images/paste_48.png");
	background-position:5px 50%;
	margin-bottom:10px;
}

#add_code_container input[type=text] {
	border:2px solid #04357B;
	width:400px;
	padding:5px;
	color:#04357B;
}

#auth_company_container {
	display:none;
}

#add_code_container #add_code_btn {
	margin-top:10px;
}

#add_code_container input:hover, #add_code_container input[type=text]:focus {
	background-color:#EFAB00;
}

#loggued_name_container {
	display:none;
	margin-top:12px;
}
#loggued_name_container p {
	display:inline;
}
#loggued_name_container p#logging_info {
	border:2px solid #04357B;
	border-bottom:none;
	background:#EFAB00;
	padding:5px 10px 6px;
	font-style:italic;
}
#loggued_name_container input#logout_btn {
	background:white url('images/exit_24.png') 5px 50% no-repeat;
	padding-left:29px;
	height:30px;
	line-height:30px;
}
#loggued_name_container input#logout_btn:hover {
	font-weight:bold;
}
#loggued_name_container #loggued_name {
	font-weight:bold;
}

#link_result, #available_phrase {
	display:none;
	border:2px solid;
	margin-left:15px;
	padding:5px;
	padding-left:34px;
	background-color:white;
	background-position:5px 50%;
	background-repeat:no-repeat;
	font-size:14px;
}

#link_result {
	border-color:#04357B;
}

#available_phrase {
	display:none;
}

#available_phrase.available {
	background-image: url('images/yes_24.png');
	color:green;
	border-color:green;
}
#available_phrase.unavailable {
	background-image: url('images/no_24.png');
	color:red;
	border-color:red;
}

/* read code */

#reader {
	margin:0;
	padding:0;
}

#reader .h1_wrap h1 {
	background-image:url("images/preview_48.png");
}

#reader #code_menu {
	margin:30px 0 18px;
	padding:0;
}
#reader #code_menu a {
	background-repeat:no-repeat;
}
#reader #code_menu #edit {
	background-image:url('images/edit_24.png');
}
#reader #edit_btn, #add_code_container #add_code_btn {
	background-image:url('images/yes_24.png');
}
#reader #code_menu #raw {
	background-image:url('images/raw_24.png');
}
#reader #code_menu #save {
	background-image:url('images/save_24.png');
}
#reader #code_menu #print {
	background-image:url('images/print_24.png');
}

#code_container .code_reader {
	margin:10px 0 0 0;
	border:2px solid #04357B;
	padding:0;
	background:#b5b5c6;
	background:#04357B;
}

#code_container .code_reader ol li ::selection {
	background:#306897;
	color:#FFFFFF;
}
#code_container .code_reader ol li ::-moz-selection {
	background:#306897;
	color:#FFFFFF;
}

#code_container .code_reader .author_box #author_info {
	font-weight:normal;
}

#code_container .code_reader .tab_left {
	/* margin: -13px 0; */
	margin:0;
	padding: 0 0 0 19px;
	background:#f7efde;
	border:none;
}

#code_container .code_reader ol {
	border-left: 1px solid #848484;
	background:white;
	margin:0;
	/*list-style-type:decimal-leading-zero;*/
}

#code_container .code_reader ol li {
	/*margin:-1px 0 0 0;*/
	margin:0;
	padding:0;
	border-left:1px dotted #398c8c;
	background:white;
	font-family:Courier New, Courier;
	font-size:12px;
	line-height:12px;
	text-indent:20px;
	color:#398c8c;
}

#code_container .code_reader ol li:first-child, #code_container .code_reader ol li:first-child span.expand_line {
	padding-top:5px;
}

#code_container .code_reader ol li.bigline, #code_container .code_reader ol li.bigline span.expand_line {
	padding-top:5px;
	padding-bottom:5px;
}

#code_container .code_reader ol li:hover, #code_container .code_reader ol li.code_hover {
	background-color:#D9E5F2;
}

#code_container .code_reader .core {color:#0000ff; text-transform:uppercase;}
#code_container .code_reader .comment {color:#848484;}
#code_container .code_reader .number {color:#319cff;}
#code_container .code_reader .operator {color:#840084;}
#code_container .code_reader .string {color:#4aa518;text-transform:uppercase;}
#code_container .code_reader .string span {color:#4aa518;} /* override syntax coloring in strings */
#code_container .code_reader .field-symbol {color:#848484;}
#code_container .code_reader .line {color:#848484;}
#code_container .code_reader .line-number, #code_container .code_reader .line-post-number  {color:#398c8c;}
#code_container .code_reader .global {color:#000000;}
#code_container .code_reader .expand {font-weight:bold;}
#code_container .code_reader .comment span.code_part {
	color:#04357B;
	font-weight:bold;
	text-transform:capitalize;
}

#code_container .code_reader pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	margin:0;
	padding:0;
	border:none;
}

/* Default code line */
#code_container .code_reader ol li span {	
	color:#000000;
}
#code_container .code_reader ol li span.code, ol li span.comment {
	font-size:14px;
	margin-left:15px;
}
#code_container .code_reader ol li span.comment span, #code_container .code_reader ol li span.code span.comment {
	color:#848484;
	text-transform:none;
	font-weight:normal;
}

#code_container .code_reader ol li a.internal_link {
	color:#04357B;
	font-family:Verdana, Arial;
	padding:5px 0 5px 26px;
	background-position:0 0;
	background-repeat:no-repeat;
	border:none;
	font-weight:bold;
}
#code_container .code_reader ol li a.internal_link span {
	color:#04357B;
	font-family:Verdana, Arial;
	font-weight:bold;
}
#code_container .code_reader a.internal_link:hover, #code_container .code_reader a.internal_link:hover span {
	color:#EFAB00;
	text-decoration: underline;
}

#code_container .code_reader ol li span.hide span {
	color:#848484;
}

/* Expanding */
#code_container .code_reader ol li span.expand_line {
	border-left:1px solid #424242;
	color:#424242;
	text-align:center;
	width:5px;
	position:relative;
}

#reader #code_container .code_reader ol li span.expand_line span:before {
	content: '';
	position:absolute;
	margin-left:-21px;
}

#reader #code_container .code_reader ol li span.expand_line input {
	position:absolute;
	margin:3px 0 0 -4px;
	cursor:pointer;
	padding:0;
	z-index:1000;
	background: white 0 0 no-repeat;
	width:9px;
	height:9px;
}

#reader #code_container .code_reader ol li span.expand_line input.minus {
	background-image:url('images/expand_minus.png');
}

#reader #code_container .code_reader ol li span.expand_line input.plus {
	background-image:url('images/expand_plus.png');
}

#reader #code_container .code_reader ol li span.expand_line input:hover {
	background-position: 0 -9px;
}

#edit_container {
	display:none;
	margin-bottom:10px;
}

#edit_container textarea {
	margin-top:10px;
	margin-bottom:20px;
	height:300px;
}

#edit_container #edit_btn {
	margin-left:-10px;
}

/* Search */

#search .h1_wrap h1 {
	background-image:url("images/search_48.png");
	background-position: 10px 50%;
}

#search .h1_wrap h1 span {
	padding-left:52px;
}
 
#search .code_reader:hover .tab_left, 
#search .code_reader:hover ol, 
#search .code_reader:hover li {
	background-color:#D9E5F2;
	cursor:pointer;
}

/* Profile */

#profile .h1_wrap h1 {
	background-image:url("images/tux_48.png");
	background-position:5px 50%;
}
#profile .h1_wrap h1 span {
	padding-left:47px;
}

#profile #avatar {
	width:96px;
	height:96px;
	background:url("images/avatar_96.png") 0 0 no-repeat;
	border:2px solid #04357B;
	float:left;
}

#profile .user {
	margin-left:110px; /* 96 (picture) + 10 (margin) + 4 (borders) */
	padding:10px 16px;
	height:76px; /* 96 (picture height) - 20 (padding) */
	border:2px solid #04357B;
	background:#D9E5F2;
}

#profile .user p {
	font-size:16px;
	line-height:25px;
}

#profile .user p span {
	font-weight:bold;
}

#profile .user_history_title {
	margin:30px 0 0 0 ;
	padding:0 10px 0 25px;;
	font-size:25px;
	color:#04357B;
	border-bottom:2px solid #04357B;
	background:url(images/logo_25.png) 0 1px no-repeat;
}

#profile #user_history {
	margin-top:10px;
	border:2px solid #04357B;
}

#profile #user_history p.history_line {
	padding:5px 10px;
	font-size:14px;
}
#profile #user_history p.history_line:nth-child(odd) {
	background:white;
}
#profile #user_history p.history_line:nth-child(even) {
	background:#D9E5F2;
}
#profile #user_history p.history_line:FIRST-CHILD  {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#profile #user_history p.history_line:LAST-CHILD  {
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#profile #user_history a {
	text-decoration:underline;
}

/* Chat */

#chat .h1_wrap h1 {
	background-image:url('images/chat_48.png');
	background-position: 5px 50%;
}
#chat .h1_wrap h1 span {
	padding-left:47px;
}

#chat #chat_room {
	margin-right:154px; /* 140px + 10px (margin-left) + 2*2px (borders) */
	border:2px solid #04357B;
	background:white;
	height:100%;
}

.g_white_transparent {
	background: #000000 url("images/grad_white_transparent_50.png") repeat-x top;
	/*-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		rgba(255,255,255,1),
		rgba(255,255,255,0)
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(255,255,255,1)),
		to(rgba(255,255,255,0))
	);*/
}

#chat #chat_room #chat_shades {
	position:absolute;
	width:0;
	left:18px;
	margin-top:5px;
	height:50px;
	background: url("images/grad_white_transparent_50.png") repeat-x top;
}

#chat #chat_room #chat_container {
	clear:both;
	margin:5px 5px 0;
}
#chat #chat_room #chat_container #chat_messages_box {
	position:relative;
	height:20px;
	overflow:hidden;
	background:white url("images/sap_gold_332.jpg") 50% 50% no-repeat;
}

#chat #chat_room #chat_container #chat_messages {
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	background:rgba(255,255,255,0.7);
	width:100%;
}

#chat #chat_room #chat_container .thumb .end, #chat #chat_room #chat_container .thumb {
	background-color:#04357B;
	width:13px;
}
#chat #chat_room #chat_container .scrollbar {
	position:relative;
	float:right;
	width:15px;
	margin-left:5px;
}
#chat #chat_room #chat_container .track {
	background-color:#D9E5F2;
	height:100%;
	width:13px;
	position:relative;
	padding:0;
}
#chat #chat_room #chat_container .thumb {
	position:absolute;
	top:0;
	overflow:hidden;
}
#chat #chat_room #chat_container .thumb .end {
	overflow:hidden;
	height:20px;
}
#chat #chat_room #chat_container .disable {
	display:none;
}

.noSelect {
	user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
}

#chat_messages p {
	color:#04357B;
}
#chat_messages p img.proxy {
	vertical-align:middle;
	border:1px solid #04357B;
	padding:5px;
	background:#FFFFFF;
}
#chat_messages p.U {
	/*background-color:white;*/
}
#chat_messages p.A, #chat_messages p.PA, #chat_messages p.E, #chat_messages p.PE, #chat_messages p.N {
	background-color:#D9E5F2;
	font-style:italic;
}
#chat_messages p.C {
	color:#CCC;
	text-decoration:none;
	font-style:normal;
}
#chat_messages p span.time {
	color:#EFAB00;
	font-size:10px;
	font-style:normal;
}
#chat_messages p a.user, #chat_messages p span.console {
	font-size:12px;
	font-weight:bold;
	color:#04357B;
}
#chat_messages p a.user {
	margin-left:5px;
}
#chat_messages p a.user:hover {
	text-decoration:underline;
}
#chat_messages p span.text {
	margin-left:5px;
	font-size:13px;
}
#chat_messages p span.action {
	font-style:italic;
}
#chat_messages p span.text a {
	text-decoration:underline;
	font-style:normal;
}
#chat_messages p span.text a:visited {
	color:grey;
}
#chat_messages p span.highlight {
	color:red;
}
#chat_messages p span.chan_link {
	font-weight:bold;
}

#chat_messages .help {
	border:1px dashed #666666;
	padding:0 0 5px 0;
	margin:5px 0;
}
#chat_messages .help p {
	padding:0 5px;
	color:#666666;
	font-size:12px; 
}
#chat_messages .help p.title {
	line-height:16px;
	font-size:16px;
	padding:3px 5px;
	border-bottom:1px dashed #666666;
	letter-spacing:0;
}
#chat_messages .help p.title span#close_help {
	float:right;
	margin-right:1px;
}
#chat_messages .help p.subtitle {
	margin-top:5px;
	font-size:14px;
}
#chat_messages .help p.item {
	margin-top:1px;
}
#chat_messages .help p.subtitle span {
	font-style:italic;
	border-bottom:1px dashed #666666;
}
#chat_messages .help p span.key {
	font-weight:bold;
	margin-right:5px;
}

#chat #chat_input {
	margin:5px;
	padding:7px 7px 7px 31px;
	background:#04357B url("images/chat_24.png") 5px 5px no-repeat;
}

#chat #chat_input input#message {
	color:white;
	margin:0;
	padding:0;
	border:none;
	min-width:200px;
	width:100%;
	font-size:13px;
}

#chat #chat_input input#message:hover, #chat #chat_input input#message:focus {
	background-color:transparent;
}

#chat #sidebar {
	position:absolute;
	right:0;
	width:145px;
}

#chat #sidebar div {
	padding:5px;
}

#chat #sidebar .sidebar_box {
	position:relative;
	border:2px solid #04357B;
	font-weight:bold;
	padding:0;
	margin-bottom:10px;
}

#chat #sidebar .sidebar_box_title {
	background-color:#D9E5F2;
	text-align:center;
}

#chat #sidebar .sidebar_box_content {
	border-top:2px solid #04357B;
	font-size:12px;
	font-weight:normal;
}

#chat #sidebar .help_paperclip {
	background: transparent url('images/ms_paperclip_112.jpg') 50% 50% no-repeat;
	height:109px;
}

#chat #sidebar .sidebar_box_content p {
	padding:3px 0;
}

#chat #sidebar .sidebar_box_content p span.key {
	font-weight:bold;
	padding-right: 5px;
}

#chat #sidebar a.connectedUser {
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	color:#04357B;
	text-decoration:underline;
	margin-left:5px;
}
#chat #sidebar a.connectedUser:hover {
	color:#EFAB00;
}

#chat .afk {
	position:absolute;
	margin-left:-20px;
	margin-top:4px;
}

#chat #chat_chan .tab_bar {
	color:#000000;
	font-weight:bold;
	text-align:right;
	margin:14px 164px 2px 0px;
}

#chat #chat_chan .tab_bar span.chan, #chat #chat_chan .tab_bar span#join_chan {
	background-color:#D9E5F2;
   	padding:2px 8px;
   	border:2px solid #04357B;
   	margin-left:5px;
}								   
#chat #chat_chan .tab_bar span.chan:hover, #chat #chat_chan .tab_bar span#join_chan:hover, 
#chat #chat_chan .tab_bar span#join_chan.active {
	background-color:#04357B;
	color:#FFFFFF;
}
#chat #chat_chan .tab_bar span.chan span.chan_title {
   	text-transform:capitalize;
}
#chat #chat_chan .tab_bar span.chan span.chan_unread {
   	font-weight:normal;
   	font-style:italic;
}
#chat #chat_chan .tab_bar a.quit_chan {
	text-transform:uppercase;
	margin-left:10px;
	color:#04357B;
}
#chat #chat_chan .tab_bar span.chan.active:hover a.quit_chan {
	color:#04357B;
}
#chat #chat_chan .tab_bar span.chan:hover a.quit_chan {
	color:#D9E5F2;
}
#chat #chat_chan .tab_bar span.chan a.quit_chan:hover, #chat #chat_chan .tab_bar span.chan.active a.quit_chan:hover {
	color:#EFAB00;
}

#chat #chat_chan .tab_bar span#join_chan input, #chat #chat_chan .tab_bar span#join_chan input,
#chat #chat_chan .tab_bar span#join_chan input, #chat #chat_chan .tab_bar span#join_chan input:hover {
	border:none;
	font-size:16px;
	padding:0;
	width:70px;
	background-color:#04357B;
	color:white;
}
#chat #chat_chan .tab_bar span.active, #chat #chat_chan .tab_bar span.active:hover {
	/*background-color:#EFAB00;
	color:#000000;*/
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
	color:#000000;
}

#chat #chat_chan .tab_bar span.light_up {
	background-color:#EFAB00;
}

/* Options */

#options .h1_wrap h1 {
	background-image:url("images/options_48.png");
	background-position: 5px 50%;
}
#options .h1_wrap h1 span {
	padding-left:45px;
}

#options #options_input {
	background:#D9E5F2;
	border:2px solid #04357B;
	margin-bottom:10px;
	width:492px; /* 250 + 10*2 (label) + 200 + 5*2 + 1*2 (input) + 10 */
}

#options #options_input .loading {
	padding:10px;
}

#options #options_input .option_line {
	margin:10px 0;
}

#options #options_input input[type=text], #options #options_input select {
	font-size:14px;
	background:white;
	border-width:1px;
	font-size:14px;
	padding:5px;
}

#options #options_input select {
	border:1px solid #04357B;
	color:#04357B;
}

#options #options_input label {
	float:left;
	width:250px;
	padding:7px 10px;	
}

/* The List */

#list .h1_wrap h1 {
	background-image:url("images/preview_48.png");
}

#list .author_box {
	border:1px solid #04357B;
	color:#04357B;
	font-style:italic;
}

#list .author_box a {
	color:black;
}

#list .author_box:nth-child(odd)  {
	background:#DCF2FB;
}
#list .author_box:nth-child(even)  {
	background:#D9E5F2;
}

#list .author_box span:FIRST-CHILD {
	color:#000000;
	font-style:normal;
	font-size:13px;
}

#list .author_box:hover {
	border-color:#EFAB00;
}

/* Procedure */

#procedure .h1_wrap h1 {
	background-image:url("images/paste_48.png");
}

#procedure #procedure_steps .button {
	background-color:white;
}

#procedure #procedure_steps .button:hover {
	background-color:#EFAB00
}

#procedure .step_box, #doc .step_box {
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	background:#D9E5F2;
	color:#04357B;
	border: 2px solid #04357B;
}

#titles_read p.read_title {
	border-bottom:1px solid #04357B;
	font-weight:bold;
}

#titles_read p.read_details {
	font-size:12px;
	font-style:italic;
	margin:3px 0 15px 0;
}

#titles_read p.read_description {
	font-size:14px;
	line-height:24px;
	background: url('images/preview_24.png') 0 0 no-repeat;
	padding-left:30px;
}

#procedure table.step_box {
	width:100%;
}

#procedure input.step_line_item, #doc input.step_line_item {
	margin-top:10px;
	width:50%;
	background:white;
	font-size:14px;
	border-width:1px;
}

#procedure table.step_box:nth-child(even) {
	background:#DCF2FB;
}

#procedure table.step_box td {
	text-align:left;
	padding:10px 0;
	margin:0;
}

#procedure .step_box .step_nb_box, #doc .step_box .step_nb_box {
	border-bottom:1px solid #04357B;
	padding:0;
}

#procedure table.step_box td.step_margin {
	width:50%;
}

#procedure textarea {
	width:100%;
	height:200px;
	padding:5px;
	margin:0;
	background:white;
	color: #04357B;
	border:1px solid #04357B;
}

#procedure table.step_box td.image_box_container {
	vertical-align:top;
	padding-top:18px;
	padding-left:22px; /* 5*2 (padding) + 1*2 (border) + 10 (own padding) */
	min-width:350px;
}

#procedure table.step_box .image_box {
	margin:10px 0 15px;
	padding:0;
}

#procedure table.step_box input[type=file] {
	margin:0 10px;
	max-width:250px;
	border:1px solid #04357B;
	background:white;
}

#procedure .proc_menu {
	margin:15px 0;
}

#procedure #bottom_menu {
	margin-bottom:10px;
}

#procedure #validation_button .button {
	margin-right:10px;
}

/* Procedure - Read */

#procedure input:disabled, #procedure textarea:disabled {
	border-color:#D9E5F2;
	font-weight:bold;
}
#procedure textarea:disabled {
	background-color:#DCF2FB;
}
#procedure table.step_box:nth-child(even) textarea:disabled {
	background-color:#D9E5F2;
}
#procedure input:disabled {
	background-color:#D9E5F2;
	padding-left:0;
}

#procedure .thumbnail_box {
	margin:10px 0;
	height: 100px;
}

#procedure .thumbnail_image {
	background:white;
	border:1px solid #04357B;
	width:100px;
	height:100px;
	vertical-align:middle;
}
#procedure .thumbnail_image:hover {
	border-color:#EFAB00;
}

#procedure .thumbnail_desc {
	font-size:12px;
}

#procedure #slider {
	position:fixed;
	top:0;
	left:0;
	background: #04357B;
	border:5px solid #0C8BCE;
}

#procedure #slider .innerBorder {
	border:5px solid #04357B;
}

#procedure #slider #slider_image {
	position:relative;
	margin:20px;
}

/* Procedure - Uploader */

.uploader_box {
	position:relative;
	width:100%;
}

.uploader_droparea {
    position:absolute;
    top:-10px;
    left:0;
    width:100%;
    height:100%;
    height:210px;
    z-index:2;
    border:1px solid #04357B;
    background:white;
    text-align:center;
}
	
.uploader_droparea-active {
	background:#EFAB00;
}
.uploader_droparea span {
    display:block;
    position:absolute;
    top:50%;
    width:100%;
    margin-top:-8px;
    font-size:16px;
}

.uploader_buffer {
	width:100%;
	height:8px;
}

#procedure .error {
	margin:0 0 15px 0;
}

#procedure .uploader_box .error {
	font-size:12px;
	margin:10px 0;
}

.uploader_list {
	margin:0;
	padding:0; 
	list-style:none;
}
.uploader_list li {
	background: url("images/screenshot_16.png") no-repeat 0 50%;
	margin:5px 0 0 10px;
	padding:0 0 0 22px;
	line-height:16px;
	font-size:12px;
	/*border:1px solid #04357B;*/
}

.uploader_item_file, .uploader_item_loading, .uploader_item_size, .uploader_item_cancel, .uploader_item_failed {
    margin-right:5px;
}

.uploader_item_loading {
	display:inline-block;
	background: url("images/processing_16.gif");
	width:16px;
	height:16px;
	vertical-align:middle;
}
.uploader_item_size, .uploader_item_cancel {
	font-size:12px;
	font-weight: normal;
}

.uploader_item_cancel {
	text-decoration:underline;
}

.uploader_box .image_description {
	border-width:1px;
	padding:3px 5px;
	background:white;
}

.uploader_box .delete {
    background-image: url("images/no_16.gif");
    background-position: 50% 50%;
    height:22px;
    margin: 0;
    padding:0;
    width:22px;
}

.uploader_item_failed_notice {
	display:none;
}
.uploader_item_failed .uploader_item_failed_notice {
	display:inline;
}

.uploader_item_failed {
	color:red;
}

.uploader_item_success {
	font-weight: bold;
}

/* Doc */

#doc .h1_wrap h1 {
	background-image:url("images/raw_48.png");
}

#doc #attach_file, #doc #doc_menu {
	margin-top:18px;
}

#doc .step_box {
	margin-bottom:10px;
}

#doc .uploader_droparea {
	height:150px;
}

#doc #doc_links a {
	padding:20px 0 20px 30px;
	background:url(images/xls_24.png) 0 50% no-repeat;
	line-height:40px;
	font-size:14px;
	text-decoration:underline;
}

/* 404 */

#err_404 .h1_wrap h1 {
	background-image:url('images/no_48.png');
}

#err_404 p {
	margin-top:20px;
	color:#04357B;
}

/* Footer */

#footer {	
	padding-right:10px;
	text-align:right;
}

#footer p, #footer a {
	color:white;
	margin:0;
	font-size:9px;
}

#footer a {
	font-weight:bold;
}

/* Debug*/

.line_h {
	position:fixed;
	top:0;
	height:1px;
	width:100%;
	border-bottom:1px solid red;
	z-index: 1000;
}
.line_v {
	position:fixed;
	left:0;
	height:100%;
	width:1px;
	border-left:1px solid red;
	z-index: 1000;
}

/* Mobile */

@media only screen and (max-device-width: 480px) {

	/* General - Standard Tags */
	
	body, html {
		min-width:300px;
	}

	.mobile {
		display:inherit;
	}
	
	#container {
		padding:0;
	}
	
	#footer, .righty, .h1_wrap, #add_ln, #procedure_ln, #sidebar {
		display: none;
	}
	
	#menu {
		-moz-border-radius:0 10px 10px 0;
		-webkit-border-radius:0 10px 10px 0;
		-khtml-border-radius:0 10px 10px 0;
		border-radius:0 10px 10px 0;
	}
	
	#main {
		-moz-border-radius:10px 0 0 10px;
		-webkit-border-radius:10px 0 0 10px;
		-khtml-border-radius:10px 0 0 10px;
		border-radius:10px 0 0 10px;
	}

	/* Logon */
	
	#logon_logo {
		position:static;
	}
	
	#logon_container {
		position:static;
		top:0;
		left:0;
		margin:0;
		width:100%;
	}
	#logon_container #logon_box {
		background:white;
		margin:10px;
		overflow:auto;
	}
	#logon_container #logon_box .key {
		display:none;
	}
	#logon_container #logon_box table {
		margin:0;
		display:block;
	}
	#logon_container #logon_box td {
		padding:0;
		margin:0;
		text-align:left;
		font-size:18px;
		color:#04357B;
		height:50px;
	}
	#logon_container #logon_box .validate {
		text-align:right;
	}
	#logon_container #logon_box input {
		border:1px solid #04357B;
		color:#04357B;
		font-size:28px;
		padding:1px 5px;
		float:right;
		width:90%;
	}
	#logon_container #logon_box input[type=submit] {
		padding:1px 10px;
		width:auto;
	}
	
	/* Menu */

	#menu #menu_box ul li#close_menu_ln {
		background-image:url('images/expand_left_16.png');
		background-position: 7px 50%;
		border-top:2px solid #04357B;
	}
	
}