/* MAIN CONTAINER */
#container { 
    width: 800px; 
    margin-top: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
    padding-top: 0; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin-top: 10px; 
}

a,
a:visited,
a:link {
    text-decoration:none; 
    color:#22559D;
}
a:hover, 
a:active {
    background:none;
    color:#22559D;
    text-decoration:underline;
}

label {
    font-weight:bold;
    display:block;
    padding:8px 0px 2px 0px;
}
.tinput {
    border: 1px solid #cccccc;
    padding: 8px;
    background-color: #e1e4ce;
    font-size:123.1%;
}
.sinput {
    border: 1px solid #cccccc;
    padding: 6px;
    background-color: #22559D;
    color:#fff;
    font-size:85%;
}
.submit {margin-top:20px;}

#form-error {
    border:0;
    color:#c83700;
    background:#ffebe8;
    margin-top:8px;    margin-bottom:8px;
    padding:8px;
    font-size:85%;
    font-weight:bold;
}

.agreement {font-size:13px;}
.captcha {margin-bottom:6px;margin-top:6px;}


/* LOGIN */
#login-inner {
    border: 1px #e1e4ce solid; 
    width:420px;
    margin-top:16px;
}
#login-inner p.error { color: #ff0000; font-weight: bold; }
#login-inner table th { font-size: 14px; font-weight: bold; text-align: center;}
#login-inner table td { padding: 4px; }
#login-inner input.text { border: 1px #bebebf solid; padding: 8px; }

.signup {font-size:13px;font-weight:bold;margin-top:6px;padding:4px;}
.login-title {
    font-size:116%;
    font-weight:bold;
    padding:6px 0px 0px 4px;
}

/* PROFILES */
#profile table.show td.label {font-size:13px;font-weight: bold;color: #0000ff;padding-right:20px;} 
#profile table.show td {color: #555;padding:6px;}
#profile table.edit { border: 0px; }
#profile table.edit select { padding: 10px; border: 1px solid #cccccc; background-color: #eeeeff; font-size:16px;}

#change-password label {display: block;font-size:14px;font-weight:bold;margin-bottom:4px;}
#change-password .legend {font-weight: normal;color: #0000ff;font-weight:bold;font-size: 16px;margin-bottom:12px;}
#change-password .password-error {text-align: center;font-weight: bold;}

/* PASS RECOVERY */
#pass-recovery {margin-top:12px;}
#pass-recovery p.error { color: #ff0000; font-weight: bold; }
#pass-recovery table { border: 1px #e1e4ce solid; }
#pass-recovery table th { font-size: 14px; font-weight: bold; text-align: center;}
#pass-recovery table td { padding: 4px; }
#pass-recovery input.text { border: 1px #bebebf solid; padding: 4px; }

/* CONTENT LAYOUT */
#content { min-height:400px;width: 700px; margin-right: auto; margin-bottom: 50px; margin-left: auto; }

/* SUPPORT */
.support table { border: 0 }
.support table td { text-align: left; vertical-align: top}

/* GLOBAL BODY PROPERTIES */
body { padding: 0; margin: 0px; text-align: center; background-color: #fefefe; color: #000; }
body, input, textarea, select { font-family: Arial, Helvetica, sans-serif; }

/* HEADERS */
h1 { font-size: 182%; font-weight:bold; color:#22559D; margin-top: 0; padding: 16px 0px; }
h2 { font-size: 153.9%; font-weight: normal; padding: 12px 0px 6px 0px; }
h3 { font-size: 138.5%; color:#97a718; font-weight: normal; padding:12px 0px 6px 0px; }
h4 { font-size: 13px; margin-bottom: 10px;}
h5 { font-size: 12px; margin-bottom: 10px;}
h6 { font-size: 11px; margin-bottom: 10px;}

/* OTHER PROPERTIES */
p { 
    font-size:100%; 
}
.p_smaller { 
    font-size:85%; 
}
small { 
    font-size:85%; 
    color: #999999; 
}
li { 
    font-size: 100%; 
}
dd, dt { font-size: 12px; line-height: 18px; }

form { padding: 0px; margin: 0px; border: 0px; }
table { border: 0; }
th { border-bottom: 1px solid #eee; font-size: 11px; font-weight: normal; color: #666666; text-align: left; }
td { font-size: 12px; color: #000; }
img { border: none; }

/* Manage screen */
div#manage td { padding-left:20px; padding-right: 20px;}

/* MANAGEMENT TABLE */
table.manage { border: 1px solid #cccccc; width:100%;}
table.manage thead td { font-size:12px; font-weight:bold; text-align:center;}
table.manage td { font-size: 12px; text-align: left; padding: 3px; }
table.manage tbody tr.even { background-color: #e1e4ce; }
table.manage tbody tr.odd  { background-color: #ffffff; }
table.manage tbody tr.suspended { background-color: #ffaaaa;}

#code-stats {font-size:11px;font-weight:bold;padding:8px;} 
.code-stat {display:inline;margin-right:16px;}
#code-stat-active {display:inline;}
#code-stat-suspended {display:inline;}

/* ADD */
.add {
    padding:8px; 
    border: 1px solid #e1e4ce;
    width:440px;
}

/* EDIT */
table.edit { border: 1px solid #cccccc; padding: 8px; }
table.edit select { padding: 4px; border: 1px solid #cccccc; background-color: #eeeeff; }

/* ACTIONS ON TABLES */
#actions {
    font-size:93%;
    padding:8px;
    background-color:#e1e4ce;
    border:1px dashed #999;
    line-height:17px;
    margin-bottom: 10px;
}

/* Selection button titles*/
td.selection-title { text-align: center; font-weight: bold; font-size: 20px; text-decoration: none; }
td.selection-title a:link { color: #000000; text-decoration: none; }
td.selection-title a:visited { color: #000000; text-decoration: none; }
td.selection-title a:hover { color: #000000; text-decoration: underline; }
td.selection-title a:active { color: #000000; text-decoration: none; }

/* PAGINATION */
#pagination {font-size: 12px;border: 1px solid #cccccc;background-color: #fbfbfb;text-align: center;width: 100%;}

/* MENU */
#menu {	
    width:100%;
    height:50px;
    background-color:#22559d;
}
#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}
#menu li {
    font-size:116%;
    font-weight:bold;
    display:block;
    float:left;
    padding:0 12px;   
}
#menu li.logout {
    float:right;
}
#menu li.logout span {
    font-size:77%;
    color:#fff;
}
#menu li a {
    color:#ffffff;
}
#menu-container { 
	width: 760px;
	margin-top: 0px;
	margin: auto; 
	text-align: left; 
    padding:12px;
}

#inbox fieldset {margin-bottom: 8px;background-color: #f4f4ff;}
#inbox legend {font-weight: normal;letter-spacing: -0.03em;line-height: 1;color: #0000ff;padding: 0 0.5em;font-weight:bold;font-size: 16px;}
#inbox span {font-size: 12px; font-weight: bold;}
#inbox p.content {font-size: 14px;}

/* INSTANT */
#instant-code { 
    border: 1px solid #e1e4ce; 
    padding: 16px; 
    width:540px;
    height:90px;
    margin-top:12px;
    margin-bottom:12px;
}
#instant-code label { 
    font-size: 116%;
    font-weight:bold;
}

#share-code {

}

.embed-barcode textarea {width:180px;font-size:x-small;}
.embed-lyngoh textarea {width:400px;font-size:x-small;}

#instant-result p.title { font-weight: bold; font-size: 14px; }
#instant-result p.code { font-size: 26px; font-weight: bold; }
#instant-result p.url { font-size: 18px; font-weight: bold; }
#instant-result p.detail { font-size: 22px; font-weight: bold; }
#instant-result p.multi-notation { font-size: 14px; }
#instant-result span { font-size: 10px; font-weight: bold; }
#instant-result table.vcodes td { padding: 10px; text-align: center; } 

/* CODE DASHBOARD */
.code-dashboard {font-size:12px;}
.code-dashboard select {padding: 2px; border: 1px solid #cccccc; background-color: #eeeeff; font-size:13px;}
.code-dashboard label {margin-right:14px;}
.code-area img {border: 1px solid black;}
.code-type{padding:12px 0px;font-weight:bold;}
.code-style {margin-bottom:12px;}
.code-url {}
.code-features {}
.code-feature {margin-bottom:4px;}
#code-dl {font-size:11px;font-weight:bold;}

/* Foot */
#ft {
    background: url(/img/bg_foot.png) repeat-x;
    height:60px;
    font-size:85%;
    margin-top:24px;
}
#ft a {
    text-decoration:none
}
#ft li {
    float:left;
    margin-right:.5em
}
#ft #co {
    position:absolute;
    right:25px;
}
#ft #copyright {
    padding-top:1em;
    padding-left:6px;
    clear:both
}
#ft .ft-menu {
    padding: 6px;
}

/* ERRORS */
#flashMessage {
    color:#c83700;
    font-size:small;
    background-color:#ffebe8;
    padding:6px;
    margin-top:4px;
    margin-bottom:4px;
}

.notation li {
    list-style:disc;
    list-style-position:inside;
}