/* -- formedia stylesheet -- */
/* -- spacial and structural -- */
/*----------------------------------------------------------------*/
/*layout*/
div#background {width:100%; height:100%; min-height:100%; margin:0px; padding:0px; text-align: center;}
div#page {width:820px; height:100%; margin:auto; margin-top:10px; text-align:left; overflow: hidden;}
div#header {position:relative; width:100%; height:240px; min-height:240px;}
span#headerlogolink {position:absolute; left:10px; top:20px; width:135px; height:20px;}
* html span#headerlogolink {cursor:hand;}
html a>span#headerlogolink {cursor: pointer;}
div#contentleft {width:144px; margin:0px; margin-top: 8px; padding:2px; padding-right:4px; float:left; overflow: hidden;}
div#contentmain {width:500px; margin:0px; margin-top: 8px; padding:2px; float:left; background:#F5F5F5; overflow: hidden; border:1px solid #000088;}
div#contentright {width:144px; margin:0px; margin-top: 8px; padding:2px; padding-left:4px; float:left; overflow: hidden;}
div#footer {width:100%; height:40px; margin:8px; margin-left:12px;  padding-bottom:12px; clear: both; font-size:0.9em;}

/*----------------------------------------------------------------*/
/*header*/
div#menu_background {position:absolute; left:0px; top:0px; width:100%; height:28px; background:#000000; 
	filter:alpha(opacity=72);
	opacity: 0.72;
	-moz-opacity:0.72;
	}
img#logo_formedia {position:absolute; left: -4px; top:177px; width:160px; height:40px;}
img#header_stripe_white {position:absolute; left: 0px; top:207px; width:820px; height:20px;}
div#breadcrumb {position:absolute; left: 155px; top:200px; margin-left:0px; font-size:0.84em; text-align:left; float:left; z-index:1;}
div#breadcrumb a {}
div.offline_panel {position:absolute; top:44px; width:100%; color:red; font-size:2.8em; font-weight:bold; text-align:center;}

/*----------------------------------------------------------------*/
/* user name module */
.login {color:white; font-size:.91em;}
div#headerlinks {text-align:right; padding-right:6px;}
div#headerlinks a {color:white; font-size:.9em;}
div#language {position:absolute; left:600px; top:199px; width: 205px; padding:0px; font-size:0.98em; text-align:right;}
div#useraction {position:absolute; left:600px; top:220px; width: 205px; padding:0px; clear:both; font-size:0.98em;  text-align:right;}

/*----------------------------------------------------------------*/
/* navigation */
div#navtop {position:relative; margin-right:10px; float:right;}
div#navbottom {margin-top:4px; margin-right:10px; float:right;}
div.navigation {text-align:right;}
div.navigation a {font-size:0.84em;}
div.back {margin-left:10px; margin-top:4px; font-size:0.84em; float:left;}

/*----------------------------------------------------------------*/
/*content*/
div.admin_block {position:relative;}
div.editor_block {position:relative;}

/*----------------------------------------------------------------*/
/*footer*/
div#footer p {margin:0px; margin-top:0px; padding:2px;}
div#footer img {margin:0px; margin-top:0px; margin-right:28px; padding:0px;}
div.copyright {padding-left:24px; padding-top: 8px; text-decoration:underline}

/*----------------------------------------------------------------*/
/* print selectors */
@media print{
	div#page {width:100%; border:0px;}
	div#contentleft {display:none;}
	div#contentmain {width: 99%; border:0px;}
	div#contentright {display:none;}
	div#header {display:none;}
	div#menubar {display:none;}
	div#breadcrumb {display:none;}
	div.navigation {display:none;}
	div.back {display:none;}
	span.online {display:none;}
	div.online {display:none;}
	span.print {display: inline;}
	div.print {display: block;}
	div.edit_button_div img.edit_button {display:none;}
	div#print_this_page {display:none;}
}

/*------------------------------------------------------------------------------------------------------------------*/
/* html */
/*------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*body*/
body {margin:0px;}

/*----------------------------------------------------------------*/
/* html headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4
{margin:0px; padding:0px; }

h1, .h1 {padding-top:9px; padding-bottom:4px;}
h2, .h2 {padding-top:12px; padding-bottom:2px;}
h3, .h3 {padding-top:6px; padding-bottom:1px;}
h3, .h4 {padding-top:6px; padding-bottom:1px;}

/*----------------------------------------------------------------*/
/* html blocks */
p {margin:2px; padding:4px 2px 2px 2px;}
p.title, p.subtitle {}
p.title {margin:0px; padding:0px; margin-left:2px; margin-top:12px; margin-bottom:2px;}
p.subtitle {margin:0px; padding:0px; margin-left:4px; margin-top:8px; margin-bottom:2px;}

p.line {margin-top:1px; margin-bottom:1px; padding-top:1px; padding-bottom:1px;}

/*----------------------------------------------------------------*/
/*topic section*/
div.section {margin:1px;}
div.section p.title, div.section p.subtitle {}
div.section p.title {margin:0px; padding:0px; margin-left:4px; margin-top:12px; margin-bottom:2px;}
div.section p.subtitle {margin:0px; padding:0px; margin-left:4px; margin-top:8px; margin-bottom:2px;}
div.section p {margin-left:6px;}

/*----------------------------------------------------------------*/

/* html links */
a {text-decoration: none;}
a:link {color:#0000ff;}
a:visited {color:#00ff00;}
a:hover {color: #ff0000; text-decoration:underline;}
a:active {color: #ff00ff;}

a.title {margin:0px; padding:0px; display: block;}

/*----------------------------------------------------------------*/
/* html table */
table {margin:12px; padding:2px 2px 2px 2px; border-collapse:collapse; font-size:1em;}
table caption {padding:2px; font-style:italic; font-weight:bold; font-size:1.1em;}
th, td {margin:2px; padding:2px 2px 2px 2px; vertical-align:top;}
th.right, td.right {text-align:right;}

/*----------------------------------------------------------------*/
/*html 4.0*/
col, colgroup, tbody, tfoot, thead {}

/*----------------------------------------------------------------*/
/* html lists */
ul {margin:8px 0px; margin-left:20px; padding:0px;}
ul li {margin:2px 4px; margin-left:20px; padding:2px 0px; list-style-type:square;}
ul li ul li {margin:2px 4px; margin-left:10px; padding:2px 0px; list-style-type: disc;}
ul li ol li {margin:2px 4px; margin-left:10px; padding:2px 0px; list-style-type: decimal;}
ol {margin:8px 0px; margin-left:20px; padding:0px;}
ol li {margin:2px 4px; margin-left:20px; padding:2px 0px; list-style-type: decimal;}
ol li ol li {margin:2px 4px; margin-left:10px; padding:2px 0px; list-style-type: decimal;}
ol li ul li {margin:2px 4px; margin-left:10px; padding:2px 0px; list-style-type: disc;}

/*----------------------------------------------------------------*/
/* html definitions list */
dl {margin:8px 0px; margin-left:10px; padding:0px;}
dt {margin:4px 0px 0px 0px; padding:0px; font-weight:bold;}
dd {margin:0px; padding:0px;}

/*----------------------------------------------------------------*/
/* html decoration */
hr {margin:2px; padding:0px; height:1px;}

/*----------------------------------------------------------------*/
/* html image */
img {border:0px; margin:2px; padding:2px;}
img.left {float:left; clear:left; margin-right:4px;}
img.right {float:right; clear:right; margin-left:4px;}
img.external_link {position:relative; margin:0px; margin-left:2px; padding:0px; width:11px; height:11px;}

/*----------------------------------------------------------------*/
/* html image map */
map { margin:2px; padding:2px;}

/*----------------------------------------------------------------*/
/* html form */
form {margin:2px; padding:2px;}
textarea, input, select {}
/* html 4.01 */
button, fieldset, label, legend, optgroup {}

/*----------------------------------------------------------------*/
/* html 2.0 */
/* blocks */
address { display:block; }
blockquote { font-style: italic; }
dir, menu {}
pre, xmp {font-size:1.1em; font-family:monospace;}
listing {}
/*font*/
b, i, u {}
tt {font-size:1.1em; }
/* phrase */
cite {border-bottom:1px dashed;}
code {color:maroon; font-family: courier , monospace;}
em {}
kbd {font-size:1.1em; padding:0px 2px 0px 2px; border-width:1px 2px 2px 1px; border-style:solid}
samp {background:#ccffcc; font-family: courier, monospace; padding:0px 2px 0px 2px;  border:1px solid #cccccc;}
strong {}
var { padding:0px 2px 0px 2px; border:1px dashed;}

/*----------------------------------------------------------------*/
/* html 3.2 */
/*blocks*/
div {}
/* fonts */
strike, big, small, sub, sup {}
/* phrase */
dfn {border-bottom:1px dashed;}

/*----------------------------------------------------------------*/
/* html 4.01 */
/* fonts */
abbr {border-bottom:1px dashed; cursor:help;}
acronym {border-bottom:1px dashed; cursor:help}
del  {} /*deleted text*/
ins {} /*inserted text*/
object {}
q { font-style: italic; } /* short quote*/
s {} /* striked through (back from html 3.0)*/
span {}
/*frames*/
/*frame, frameset, iframe, noframes {}*/
/*scripts*/
noscript {}
bdo {}

/*----------------------------------------------------------------*/
/* xhtml 2.0* /
blockcode {}
h {}
section {}
separator {}

/*----------------------------------------------------------------*/
/*useful classes*/
div.left, p.left {text-align:left;}
div.center, p.center {text-align:center;}
div.right, p.right {text-align:right;}
div.float-left, p.float-left {float:left;}
div.float-right, p.float-right {float:right;}
div.indent, p.indent {margin-left:20px;}
div.clear, p.clear {clear:both;}
div.em, p.em, span.em {font-style:italic;}
div.strong, p.strong, span.strong {font-weight:bold;}
div.border, p.border, span.border {border:1px solid black;}
div.underline, p.underline, span.underline {text-decoration:underline;}
div.strikethrough, p.strikethrough, span.strikethrough {text-decoration:line-through;}
div.lcase, p.lcase, span.lcase {text-transform: lowercase;}
div.ucase, p.ucase, span.ucase {text-transform:uppercase;}
div.small, p.small, span.small {font-size:.92em;}
div.smaller, p.smaller, span.smaller  {font-size:.88em;}
div.smallest, p.smallest, span.smallest  {font-size:.82em;}
div.big, p.big, span.big {font-size:.1.05em;}
div.bigger, p.bigger, span.bigger  {font-size:1.1em;}
div.biggest, p.biggest, span.biggest  {font-size:1.15em;}
div.black, p.black, span.black {color:black;}
div.white, p.white, span.white {color:white;}
div.hidden, p.hidden, span.hidden {display:none;}

.border-top {border-top:1px solid black;}
.border-bottom {border-bottom:1px solid black;}
.border-left {border-left:1px solid black;}
.border-right {border-right:1px solid black;}
.margin01 {margin:1px;}
.margin02 {margin:2px;}
.margin03 {margin:3px;}
.margin04 {margin:4px;}
.padding01 {padding:1px;}
.padding02 {padding:2px;}
.padding03 {padding:3px;}
.padding04 {padding:4px;}

/*----------------------------------------------------------------*/
/* custom styles drop down list */
span.highlight {background:#FFFFCC; padding:0px 2px; border:1px solid #cccccc;}
div.sidebar {background:#F5F5F5; color:Black; margin:4px; padding:4px; border:1px solid Black; width:144px;}
div.sidebar p.title {font-weight:bold; font-size:1em;}
div.sidebar p {font-size:0.8em;}
div.example, div.note, div.tip, div.message, div.caution, div.warning 
{width: 90%; min-width: 90%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:18px; padding:4px; padding-top:0px;}
div.example {background:#FFFFF0; color:#004401; border:1px solid #F0FFF0; font-style: italic;}
div.note {background:#F8F8F8; color:#006400; border:1px solid #006400; font-style: italic;}
div.tip {background:#F8F8F8; color:#006400; border:1px solid #006400; font-style: italic;}
div.message {background:#F8F8F8; color:#006400; border:1px solid #006400; font-style: italic;}
div.caution {background:#F8F8F8; color:#8B0000; border:1px solid #8B0000; font-style: italic;}
div.warning {background:#F8F8F8; color:#8B0000; border:1px solid #8B0000; font-style: italic;}
div.hidden {background:#F8F8FF; color:#D3D3D3; border:1px solid #FA8072; display:none;}
div.hidden * {background:#F8F8FF; color:#D3D3D3;}
div.editor-only {display:none;}
/*online vs print*/
span.online {display:inline;}
div.online {display:block;}
span.print {display:none;}
div.print {display:none;}

/*----------------------------------------------------------------*/
/*generated content*/
div.example_label, div.note_label, div.tip_label, div.message_label, div.caution_label, div.warning_label
{margin:24px; margin-top:12px; margin-bottom:0px; padding:4px; padding-bottom:0px; font-size:1.1em; font-weight:bold; }
div.example_label {color:#003500;}
div.note_label {color:#003500;}
div.tip_label {color:#006400;}
div.message_label {color:#006400;}
div.caution_label {color:#8B0000;}
div.warning_label {color:#8B0000;}
div.subtopics_label {color:#003500;}

/*----------------------------------------------------------------*/
/* special classes */
span.strikethrough {text-decoration:line-through;}

/*----------------------------------------------------------------*/
/* links to sub topics */
div#subtopics {margin-top:12px;}
div#subtopics a {font-weight:bold; text-decoration:underline;}
p.subtopiclink {margin-bottom:0px; padding-bottom:0px;}
p.subtopicdesc {margin-top:0px; padding-top:4px;}

/*----------------------------------------------------------------*/
/*related-links*/
div#related-links {margin-top:12px; margin-bottom:12px; border-top: 1px solid #A9A9A9;}
div#related-links p {margin-top:1px; margin-bottom:1px; padding-top:1px; padding-bottom:1px;}

/*----------------------------------------------------------------*/
/* big doc */
div.page_separator {width:100%; margin:18px 0px; font-size:0.1em;  border-top: 4px dotted Black;}
/* topico pub logo */
div#topicopub {float:right;}

/*----------------------------------------------------------------*/
/* rss */
div.rss_link {}
p.rss_link_item {margin-bottom:0px; padding-bottom:0px;}
p.rss_link_item a {font-size:1.1em; font-weight:bold}
p.rss_link_info {color:#000088; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-left:6px; font-size:0.8em;}
p.rss_link_description {margin-top:0px; padding-top:0px; padding-left:12px;}

/*----------------------------------------------------------------*/
/*side module divs*/
div.sidemodule {width:100%; margin-bottom:8px;}
div.moduleheader {height:20px; margin-top:6px; padding-left:4px; padding-top:2px; }
div.modulebody {}
div.modulefooter {}

/*----------------------------------------------------------------*/
/*stories module divs*/
div.stories {width:100%; margin-bottom:8px;}
div.storiesheader {height:20px; margin-top:6px; padding-left:4px; padding-top:2px; }
div.storiesbody {}
div.storiesfooter {}

/*----------------------------------------------------------------*/
/* userform */
table.userform {}
table.userform td.caption {text-align:right;}
/*----------------------------------------------------------------*/
/* tables */
table#gallery {width:96%;}
table#gallery td {width:48%;}
/*----------------------------------------------------------------*/
/* other specific selectors */
div#topico_pub_with {text-align:center;margin:12px;}
div.backbutton {margin:4px; font-size:8pt; text-align:right; clear:both;}
#lblMessage {color:#C00000;}
.lblMessage {color:#C00000;}

/* download form */
div#download_title {display:none}
div#download_file {display:none}
div#redirect_page {display:none;}

/*----------------------------------------------------------------*/
/* edit button */
div.edit_button_wrap_right {position:relative; margin-top:2px; padding:4px; float:right; text-align:right;}
div.edit_button_wrap_left {position:relative;margin-top:2px; padding:4px;}
div.edit_button_div {position:absolute; margin-left:-24px; margin-top:-6px;}
a.edit_button_link {margin:2px; padding:2px; font-size:0.8em; }
div.edit_button_div img.edit_button {width:16px; height:16px;}

/*----------------------------------------------------------------*/
/* admin page */
table.admin_columns {width:97%;}
table.admin_columns td {width:50%; vertical-align:top;}
img.download_icon {margin:0px; margin-left:4px; padding:0px; width:12px; height:12px;}

/*----------------------------------------------------------------*/
/* editor page */
.link_panel {background:#cccccc; margin-top:12px; padding:2px; padding-left:12px; border:1px solid black; font-size:0.9em;}
.link_panel .buttons {padding:2px;}

/*----------------------------------------------------------------*/
/* admin users page */
div#user_manager_grid table { width:96%; table-layout: fixed;}
div#user_manager_grid table td {font-size:0.84em;}

span.filtering_options{color:#212112; font-size:9pt; margin-top:0px; margin-bottom:0px; padding:0px;}
table.filter_field { margin-top:0px; margin-bottom:0px; padding:0px;}
table.filter_field label {font-size:8pt; margin-top:0px; margin-bottom:0px; padding:0px;}
div.filter_users { border-top:1px solid black; border-bottom:1px solid black; margin-top:0px; margin-bottom:0px; padding:0px; }

/*----------------------------------------------------------------*/
/*code ordered/unordered list*/
div.code {background:#F5F5F5; margin:4px; padding:4px;}
ol.code, ul.code { }
ol.code li, ul.code li {margin-top:1px; margin-bottom:1px; padding:1px; font-family:"Courier New", Courier, monospace; }
ol.code li.tab00, ul.code li.tab00 {padding-left:10px; }
ol.code li.tab01, ul.code li.tab01 {padding-left:12px; }
ol.code li.tab02, ul.code li.tab02 {padding-left:14px; }
ol.code li.tab03, ul.code li.tab03 {padding-left:16px; }
ol.code li.tab04, ul.code li.tab04 {padding-left:18px; }
ol.code li.tab05, ul.code li.tab05 {padding-left:20px; }
ol.code li.tab06, ul.code li.tab06 {padding-left:22px; }
ol.code li.tab07, ul.code li.tab07 {padding-left:24px; }
ol.code li.tab08, ul.code li.tab08 {padding-left:26px; }
ol.code li.tab09, ul.code li.tab09 {padding-left:28px; }
ol.code li.tab10, ul.code li.tab10 {padding-left:30px; }
ol.code li.tab11, ul.code li.tab11 {padding-left:32px; }
ol.code li.tab12, ul.code li.tab12 {padding-left:34px; }
ol.code li.tab13, ul.code li.tab13 {padding-left:36px; }
ol.code li.tab14, ul.code li.tab14 {padding-left:38px; }
ol.code li.tab15, ul.code li.tab15 {padding-left:40px; }
ol.code li.tab16, ul.code li.tab16 {padding-left:42px; }
ol.code li.tab17, ul.code li.tab17 {padding-left:44px; }
ol.code li.tab18, ul.code li.tab18 {padding-left:46px; }
ol.code li.tab19, ul.code li.tab19 {padding-left:48px; }
ol.code li.tab20, ul.code li.tab20 {padding-left:50px; }

/*----------------------------------------------------------------*/
/*pages visa*/

div#page_achat {}
div#page_achat h3 {padding-top:0px;}
div#page_achat table {width:640px; border-bottom: 1px solid black;}
div#page_achat tr, div#page_achat td {padding:4px;}
div#page_achat td.buttons {text-align: right; vertical-align: middle;}

div#page_achat_confirm {}
div#page_achat_confirm h3 {padding-top:0px;}
div#page_achat_confirm table {width:640px; border-bottom: 1px solid black;}
div#page_achat_confirm tr, div#page_achat_confirm td {padding:0px 4px;}
div#page_achat_confirm td.highlight {background-color:#fad2d2; border:1px solid #bbbbbb; vertical-align: middle;}
div#page_achat_confirm td.buttons {text-align: right; vertical-align: middle;}
div#page_achat_confirm td.message {padding:4px; text-align: right; vertical-align: middle;}

div#print_this_page {margin:4px; margin-right:144px; padding:4px; background-color: #e4e4e4; border:1px solid black; float:right;}
div#print_this_page {border:1px solid black; float:right;}