form.cool { margin: 1em 0; }

form.cool fieldset { margin: 0.5em 0 0.5em -20px; padding: 0 0 0 20px; border: none; border-top: 1px solid #84968C; clear: both; }
form.cool legend { margin: 1px 0 1px -20px; padding: 5px 10px 10px 0; text-align: right; color: #553; background: transparent; font: normal 1.8em Arial, Tahoma, Verdana, sans-serif; }
form.cool fieldset.close legend { text-decoration: underline; cursor: hand; cursor: pointer; }
form.cool fieldset.close legend:hover { text-decoration: underline; }

form.cool p { clear: left; padding-top: 3px; }

form.cool label { display: block; float: left; clear: left; width: 145px; margin: 2px 5px 0 0; text-align: right; }
form.cool label small { width: auto; display: inline; font-weight: normal; margin: 0; padding: 0; }
form.cool .req label { font-weight: bold; }
form.cool .error label { color: #B00000; }
form.cool .warning label { }
form.cool .notice label { }
form.cool .fixed label { }

form.cool input.text, form.cool input.date, form.cool textarea, form.cool select { font-size: 100%; margin: 0 20px 0 10px; width: 350px; border-top: 1px solid #797979; border-left: 1px solid #797979; border-bottom: 1px solid #393A3A; border-right: 1px solid #393A3A; padding: 1px; color: #333; }
form.cool textarea { overflow: auto; }
form.cool select { width: 353px; }

form.cool .select2-container { width: 354px; margin: 0 20px 0 10px; }
img.flag { width: 16px; padding: 1px 10px 0 0; margin-left: -24px; float: left; }
img.flag2 { width: 16px; padding: 2px 3px 0 0; float: left; }

form.cool input:focus, form.cool textarea:focus { background: #efefef; color: #000; }
form.cool span.input { display: block; margin: 0 0 0 160px; width: 370px; padding: 2px 0; }

form.cool small { display: block; margin: 1px 0 10px 160px; padding: 1px 3px; font-size: 88%; width: 370px; }
form.cool small+small { margin-top: -10px; }
form.cool small.error { color: #B00000; }
form.cool small.warning { color: #B06106; }
form.cool small.notice { color: #FF9106; }
form.cool small.fixed { }

form.cool input.submit, form.cool button { border: 2px solid #0089C2; padding: 1px 0.5em; background: #0095D1; color: #FFFFFF; cursor: pointer; cursor: hand; margin: 1em 0 0 160px; width: 210px; }
form.cool input.submit[disabled], form.cool input.submit.disabled, form.cool button[disabled], form.cool button.disabled { color: #666; background: #DDD; border: 2px solid #BBB; }

form.cool .info { float: right; clear:right; display: block; width: 180px; padding: 2px 0.5em; border: 1px solid #B5D4FE; background-color: #F8FAFC; font-size: 88%; }
form.cool .info table td { padding: 3px 0.5em 3px 0; }

form.cool .half input, form.cool p .code, form.cool p .date, form.cool p .half { width: 205px; }
form.cool p .date { text-align: right; }

form.cool p .changed { border: 1px red solid; }

form.cool span.icon { position: relative; }
form.cool span.icon:before { content: ""; width: 18px; height: 18px; position: absolute; left: 370px; }
form.cool p.good span.icon:before { /* background: url(images/profile/field-good.gif) no-repeat; */ }
form.cool p.error span.icon:before { background: url(images/profile/field-error.gif) no-repeat 0 1px; }
form.cool p.warning span.icon:before { background: url(images/profile/field-warning.gif) no-repeat 0 1px; }
form.cool p.notice span.icon:before { }
form.cool p.fixed span.icon:before { background: url(images/profile/field-fixed.gif) no-repeat 0 1px; }

#submit_top.submit, form.cool button { margin-top: 0; }

.alert, .attention {
        background: #F8FAFC none;
        border: 1px solid #B5D4FE;
        margin: 1em 0;
        padding: 0.5em 0.7em;
        }
.attention {
        background: #FFE3BF none;
        border: 1px solid #FC6F4E;
        }

		
table.w100 { width: 100%; margin: 0.5em 0; }
table.w100 th, table.w100 td { padding: 1px 0.5em; text-align: center; font-weight: normal; }
table.w100 caption { text-align: right; font-weight: bold; }

table.border { border-collapse: collapse; width: 100%; border: 1px #DDD solid; margin: 0.5em 0; }
table.border th, table.border td { border: 1px #CCC solid; padding: 1px 0.5em; text-align: center; font-weight: normal; }
table.border caption { text-align: right; font-weight: bold; }
table.border caption span { display: block; text-align: center; }

table.request { border-collapse: collapse; width: 100%; border: none; margin: 0.5em 0; }
table.request th, table.request td { border-top: none; padding: 0.5em; text-align: center; font-weight: normal; }
table.request tr+tr th, table.request tr+tr td { border-top: 1px #84968C solid; }

table.request caption { text-align: right; font-weight: bold; }
table.request caption span { display: block; text-align: center; }

table.filter { margin: 0.5em 0; }
table.filter h2 { margin: 0; }
table.filter th, table.filter td { padding: 2px 0.3em 0.5em 0.3em; vertical-align: top; }
table.filter th {  padding-right: 0.5em; background: #EAEADA; text-align: right; border-right: 2px solid #949494; white-space: nowrap; }
table.filter ul { margin: 0; list-style: none; }
table.filter li { margin: 0 1em 0 0; float: left; white-space: nowrap; line-height: 1.5em; background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
table.filter li.br { clear: left; }
table.filter a { color: #5A5A43; text-decoration: none;  padding: 1px 0.3em; border-bottom: 1px dashed  #EAEADA; }
table.filter .active a { text-decoration: none;  color: #373535; }
table.filter .active { background: #EAEADA; border-bottom: 1px solid #7590B2; }
table.filter .ditto_currentpage { text-decoration: none;  padding: 1px 0.3em; color: #373535; background: #EAEADA; border-bottom: 1px solid #7590B2; }
table.filter a:hover { text-decoration: none; background: #EAEADA; border-bottom: 1px solid #949494; }
table.filter sup a { color: #999999; text-decoration: none;  padding: 1px 0.3em; border-bottom: none; font-size: 75%; }
table.filter .active sup a { text-decoration: none;  padding: 1px 0.3em; color: #373535; }
table.filter li.zero a { color: #BABAA3; }

table.list { border-collapse: collapse; width: 100%; margin: 1.5em 0; }
table.list th, table.list td { border-top: 1px #949494 solid; border-bottom: 1px #949494 solid; padding: 2px 0.3em; text-align: left; font-weight: normal; }
table.list th { border: none; font-weight: bold; font-size: 110%; padding: 3px 0.5em 4px 0.5em; background: #EAEADA; color: #5A5A43; }
table.list th th { font-size: 100%; padding: 2px 0 3px 0; }
table.list th a { color: inherit; text-decoration: none; }
table.list th a:hover { text-decoration: underline; }
table.list table th, table.list table td { border: none; }
table.list tr:hover, table.list tr:hover td { background: #E8F3FE; }
table.list tr:hover tr, table.list tr:hover tr td { background: none; }
table.list span.time { position: relative; white-space: nowrap;}
table.list span.time span { display: none; text-align: right; }
table.list span.time:hover span { display: block; position: absolute; width: 130px; left:-135px; }
#id34 table.list span.time span { display: block; position: absolute; width: 130px; left:-135px; color: #AAA; }

table.license { border-collapse: collapse; width: 100%; margin: 0.5em 0; }
table.license th, table.license td { border-top: 1px #949494 solid; border-bottom: 1px #949494 solid; padding: 0.5em; text-align: left; font-weight: normal; }
table.license th { border: none; font-weight: bold; background: #EAEADA; color: #5A5A43; }
table.license th a { color: inherit; text-decoration: none; }
table.license th a:hover { text-decoration: underline; }
table.license tr:hover, table.license tr:hover td { background: #E8F3FE; }
table.license tr:hover tr, table.license tr:hover tr td { background: none; }
table.license table th, table.license table td { border-top: none; border-bottom: none; padding: 0 0.5em 0.5em 0; }

div.panel { margin: 0 0 10px 0; padding: 6px 10px 0 10px; background: #EEEEEE; color: gray; }
div.panel table td { padding: 0 0.5em; }
		
		
table.l th, table.l td { text-align: left; }
table.c th, table.c td { text-align: center; }
table.r th, table.r td { text-align: right; }
tr.l th, tr.l td { text-align: left; }
tr.c th, tr.c td { text-align: center; }
tr.r th, tr.r td { text-align: right; }
tr th.l, tr td.l { text-align: left; }
tr th.c, tr td.c { text-align: center; }
tr th.r, tr td.r { text-align: right; }

table.t th, table.t td { vertical-align: top; }
table.m th, table.m td { vertical-align: middle; }
table.b th, table.b td { vertical-align: bottom; }
tr.t th, tr.t td { vertical-align: top; }
tr.m th, tr.m td { vertical-align: middle; }
tr.b th, tr.b td { vertical-align: bottom; }
tr th.t, tr td.t { vertical-align: top; }
tr th.m, tr td.m { vertical-align: middle; }
tr th.b, tr td.b { vertical-align: bottom; }		

.floattopcontainer .topme {
	margin: 0 0 0 -25px;
	padding: 5px 0 20px 25px;
	width: 750px; 
	z-index: 1000;

	background-color: #FFFFFF;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(95%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}