/********************************************************************************
					CSS - BRAINCODE
		@author 	Sandro Coletti
		@date		2010-09-13
*********************************************************************************/

body { margin:0; padding:0; font-family:Verdana,Arial; font-size:11px; color:#666; }

h1 { margin:0; padding:0; }
h2 { margin:0; padding:0; }
h3 { margin:0; padding:0; }
h4 { margin:0; padding:0; }
h5 { margin:0; padding:0; }
p { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
img { border:0; }
a { text-decoration:none; color:#383838; }
a:hover { color:#0D94C1; }
.clear { clear:both; }

h3 { color:#000066; }
h3#red { color:red; }

/***** wrapper *****/
#wrapper { margin:50px auto 0 auto; width:500px; text-align:left; }

/***** search *****/
#search { background:#F3F3F3; border:1px solid gray; padding:20px; width:500px; border-spacing:0px; }
#search.codenumber input { border:1px solid gray; margin:9px; padding:10px; width:350px; color:black; font-weight:bold; font-size:16px; font-family:Tahoma; }
#search.codenumber input#submit { border:1px dotted gray; background:white url(/images/search-arrow.png) no-repeat center center; width:50px; margin:0 10px 0 0; font-size:14px; text-indent:-9765px; }
#search.codenumber a.logo { background:url(/images/codikett_powered_transparent.png) top left no-repeat; width:200px; height:30px; margin:5px 0 0 10px; float:left; text-indent:-9765px; overflow:hidden; display:block; background-size: 60%;}
/*#search.codenumber a.logo { background:url(/images/codikett_powered_verif.jpg) top left no-repeat; width:200px; height:30px; margin:5px 0 0 10px; float:left; text-indent:-9765px; overflow:hidden; display:block; }
*/
/***** list *****/
#list { width:100%; margin:10px 0 0 0; font-size:12px; border-spacing:0px; }
#list tr:hover { background:#FFFFE1; }
#list tr#unactive { color:#999; }
#list th { padding:5px; background:#f3f3f3; text-align:left; border-bottom:1px solid #ccc; }
#list th#id { width:20px; }
#list th#flip { width:20px; }
#list th#flipped, #list td#flipped { background:url(/images/flipBG.png) top left repeat-y; }
#list th#created_at { width:100px; }
#list th#updated_at { width:150px; }
#list th#options { width:100px; }

/***** error *****/
#error.wrapper { background:url(/images/codikett_powered_transparent.png) top left no-repeat; margin:200px 0; padding:50px 0 0 0; width:500px; text-align:left; background-size: 60%;}
/*#error.wrapper { background:url(/images/codikett_powered_verif.jpg) top left no-repeat; margin:200px 0; padding:50px 0 0 0; width:500px; text-align:left; }
*/
#error h3 { font-size:20px; }
#error p { font-size:14px; }

/***** advice *****/
#code { width:480px; background:#FFFFE1; margin:50px auto 0 auto; padding:10px; border:1px solid #ccc; text-align:left; }
#code p { margin:0px 0 0 0; }
#code h2 { margin:0 0 10px 0; }
#code h3 { margin:10px 0 0 0; color:gray; font-size:12px; }
#code ul { list-style:circle; margin:0 0 0 20px; }
#code.valid h2 { color:green; }
#code.invalid h2 { color:red; }

/***** template *****/
#template { margin:30px 0 0 0; }
#template p { margin:15px 0 0 0; }

/***** partner secutrace *****/
#error.wrapper.secutrace { background:url(/images/logos/secutrace/logo.png) top left no-repeat; margin:200px 0; padding:50px 0 0 0; width:500px; text-align:left; }
.codenumber#search tr td span.secutrace a { float:left; display:block; width:180px; height:26px; margin:0 0 0 9px; }
.codenumber#search tr td span.secutrace-logo2 a { float:right; display:block; width:75px; height:26px; margin:0 77px 0 9px; }

/***** certificate *****/
.certificate { margin:10px 0 0 0; text-align:right; }