html,body { -webkit-text-size-adjust:none; xxxxheight:100%}

#td_header, #cmd_band{background-color:#e5e5e5}

#tab_navbar, #sel_height, #sel_view {color:#666666!important}
#tab_navbar {max-width:1024px; margin:auto; text-align:center; xxxxmargin-top:5px}
#tab_navbar a {text-decoration:none }
#tab_navbar .tab_submenu a:hover {text-decoration:underline }
#tab_navbar li{list-style-type: none; padding:0px}

#tabmainmenu {margin-top:12px}

#div_footer, #div_footer a {color:#666666 !important}

ul {text-align:left;margin:0}
table {border-collapse:collapse}
p {-webkit-margin-before:0; -webkit-margin-after:0; margin:0}
#td_footer {text-align:center; vertical-align:bottom; height:20px}
######div_footer { text-align:center;   padding-top:15px;padding-bottom:15px;  color:white; border-top: 0px solid silver; background-color:transparent!important; font-size:13px}

#div_footer a {text-decoration :none}
#div_footer a:hover {text-decoration :underline}
.div_content {text-align:left; xxxwidth:100%; max-width:700px; padding-bottom:20px; margin:auto;overflow:hidden; padding:10px; padding-top:0}
.page_title {margin:10px; margin-top:20px; font-size:26px; font-weight:normal; text-align:center;  }
.series_title  {margin:0px; margin-top:20px; font-size:22px; font-weight:bold; text-align:center }
.home_link { margin:5px}

.qmark {background-image: url('/images/help_icon.gif'); width: 20px; display: inline-block; background-repeat: no-repeat; background-position: 0px 0px; height: 13px; padding: 0pt; margin: 0pt; cursor: pointer; z-index: 9;} 

#playbuttons{text-align:center}


.matched {background-color:yellow}
.divrel {position:relative; display:inline-block; height:0; width:0px; }
a.copyright {color:#333333; text-decoration:none}
a.copyright:hover {text-decoration:underline}




.rel {position:relative;}
div.abslink {position:absolute; font-size:13px; text-align:left; min-width:200px}
div.abslink a {text-decoration:none; color:#333333}
div.abslink a:hover {text-decoration:underline}
#td_top { vertical-align:top}

a {color:#003366}
a:hover {text-decoration:none}

a.nounderl {text-decoration:none !important; 
/* white-space:nowrap */
}
a.nounderl:hover {text-decoration:underline !important}

.a_underl  {text-decoration:underline !important; color:#003366 !important}
.a_underl:hover{text-decoration:none!important}

#div_tree_r img {margin-right:3px}

####img_ajax {position:absolute; display:none; width:0;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; 
text-align:center; z-index:999999999; background-color:transparent; padding-left:50%; padding-right:50%; ;left:0; }

#img_ajax {position:absolute; display:none; width:0;text-align:center; z-index:999999999; background-color:transparent; padding-left:50%; padding-right:50%; left:0;}

###img_ajax_int {width:400px;padding:30px; position:relative; left:-230px; color:#003366;  border: 1px solid #003366; background-color:white; font-size:22px; border-radius: 50px; -moz-border-radius: 50px}

#img_ajax_int {width:400px;padding:30px; position:relative; left:-230px; color:#003366; font-size:20px}


img.icon {width:16px; height:16px}
img { border:0}

.popups_ext {position:relative;width:0px;height:0px; margin:auto; text-align:center; z-index:99999;margin:0; background-color:silver }
.help_popups_ext {position:relative;width:0px;height:0px; text-align:left; z-index:99999;margin:0;}
#msgpopup {position:relative;  left:-280px;   width:400px;background-color:#ffffec; text-align:center; border: 2px solid silver; border-top: 1px solid #e2e2e2;  border-left: 1px solid #e2e2e2; z-index:9}
.inline {display:inline-block}

######img.iconbutton_img  {position:absolute;z-index:9;left:2px;margin:0; top:-3px}
.iconbutton {xxxposition:relative; text-align:center; margin:0;padding:3px; background:url(/images/button_gradient.png) repeat-x; cursor:pointer; font-size:small;  vertical-align:middle;  border:2px solid #bababa; border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0; font-weight:normal;color:black;font-size:100%; line-height:100%;  letter-spacing: .002em; width:150px;display:inline-block;color:#003366; }

#####img.iconbutton_img  {position:absolute;z-index:1;top:5px;left:8px}
.iconbutton {xxxposition:relative; text-align:center; margin:0;padding:3px; background:url(/images/button_gradient2.png) repeat-x; background-position:0 10px; cursor:pointer; font-size:small;  vertical-align:middle;  border:2px solid #bababa; border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0; font-weight:normal;color:black;font-size:100%; line-height:100%;  letter-spacing: .002em; width:150px;display:inline-block;color:#003366; }
.genbutton {padding:10px !important; width:200px !important;}

.treeNode , #div_tree, #div_tree_r, #div_tree td, #div_tree_r td {padding-left:0px;}
.treeNode , #div_tree, #div_tree_r, #div_tree td, #div_tree_r td {z-index:1 }
#clstree_r_back {background-image:url(/images/tree_bg.png); background-repeat:repeat-y; } 
#clstree1_back,#clstree_r_back {padding-right:5px;padding-bottom:5px;padding-top:0px;margin:0;  } 
#clstree1_back td,#clstree_r_back td {padding-right:5px;  !important  } 

#div_copyright {bottom:0px; font-size:12px; }

.artcolor  {color:#c30000; font-weight:bold}

.smalltext, a .smalltext {font-size:11px}
.nodisplay {display:none}	
#div_bottom {}
table.tab_toc td {vertical-align:top; padding-right:20px}

div.div_links {text-align:left}
div.div_links p {margin-bottom:10px}
div.div_links td {vertical-align:top; text-align:left}
div.div_links td img {margin-bottom:15px; margin-right:15px; border:0}
table.tab_links {width:700px; border-collapse:collapse; margin-top:10px;font-size:13px ; text-align:left}
#tab_links {border:1px solid green}
.sectitle {margin-top:10px; margin-bottom:10px; text-align:left; }
.sectitleimg {display:inline; background-image: url(images/arrow-up5.gif);
background-position: left; background-repeat: no-repeat; padding-top:5px;padding-left: 30px; }
.secname {color:#002244;font-size:18px; font-weight:bold}
.sectitle a {font-size:11px; font-weight:normal}	
.toc_item {text-decoration:underline;color:#1B5790;}
.toc_item:hover {text-decoration:none}
.lnk_tit {padding-bottom:3px}
.lnk_des {padding-bottom:10px}

.center {text-align:center}
#directions {margin-top:0px; height:10px; margin:auto; color:red; text-align:center; font-size:11px; margin-bottom:7px}
#directions a {}

#td_save a {color:red; position:relative; top:4px; }
#instructions_ext {width:0px; position:relative; margin:auto; top:-75px;}
#instructions {text-align:center; color:red; position:absolute; background-color:#eaeaea; border:2px solid gray; width:300px; left:-150px;  text-align:center; z-index:999 ; padding:15px;}

#floatingmenu td {height:25px; vertical-align:middle}
#floatingmenu td.sep {height:0}
#floatingmenu, #wfloatingmenu {position:absolute;padding:10px; z-index:999999; border:3px solid silver; font-size:13px; background-color:#f0f0f0; text-align:left; max-width:300px}
#float_info {color:maroon}
#floatingmenu a, #wfloatingmenu a {text-decoration:none}
#floatingmenu a:hover, #wfloatingmenu a:hover {text-decoration:underline}
#userwelcomed {color:gray;}
#noteinpopup {font-size:14px}
li.lisep {line-height:2px!important;height:8px!important; border-bottom:1px solid silver}
#div_trace {text-align:center; border:1px solid orange; padding:5px; width:1000px; margin:auto}
div.div_attr_outer {position:relative; margin:auto; width:0}
div.div_attr_inner {font-size:10px;position:absolute; width:50px; left:-25px; text-align:center; top:-12px; line-height:10px;}
div.div_attr_inner a {text-decoration:none}
div.div_attr_inner a:hover {text-decoration:underline}
/*
#intro_inner  h1, #intro_inner  h2, #intro_inner  h3, #intro_inner  h4, #intro_inner  h5{margin:0}
*/
#tab_card_edit td {vertical-align:top; padding-top:10px}
#tab_card_edit input[type=text] {width:90%; height:24px; padding-left:4px; font-size:16px}
a.popupicons{position:relative;top:-15px; padding:1px}
#tab_card_edit td.c1 {width:50px}

.cardframe.class_header, .cardsimple .class_header{color:black !important; margin:auto; margin-top:6px; margin-bottom:3px; background-color:#dddddd }

.cardframe {border:1px solid #d0d0d0;  padding:2px; margin:8px; text-align:center; font-size:15px; background-color:transparent; vertical-align:text-top; min-width:30px; border-radius:12px; }
.cardsimple {position: relative; padding:0px; margin:15px; margin-bottom:3px;text-align:center; font-size:14px; border:0; background-color:#e0e0e0; vertical-align:text-top; xxxxmin-width:90px; max-width:250px}
.cardsimple.divider {max-width:100%; width:97%}
.cardsimple.noteshown{max-width:100%;}
.cardsimple .class_header{width:100% !important; }

.tdnote , .tdname{background-color:green; color:white; padding-left:5px; padding-right:5px; text-align:center; vertical-align:middle}

.tdname{height:50px;xxxxmin-width:90px ; padding:5px; padding-bottom:5px; xxxxxwidth:200px; text-align:left; xxfont-size:13px;border:1px solid transparent !important;  }

.tdname.groupheader {color:black; height:25px; background-color:#dddddd}

.tdnote {border: 1px solid silver; xxxxxborder-radius:8px !important}
.tdnote.zoom , .tdname.zoom{background-color:#ff6600; padding:50px}
.tdnote.zoom {background-color:#ff6600; padding:50px; padding-top:30px;  xxxmin-width:600px !important}
.tdname.zoom.withnote{padding:10px}
.tdname.zoom {font-size:36px; padding:40px}
.zoom .divnote  {max-width:1000px;}

.tdnote , .tdnote.zoom, .tdname , .tdname.zoom{background-color:white; color:black}
.tdnote a , .tdname a {color:#003366}
.tdnote{border-top:1px solid transparent !important; max-width:300px}


td.tdnote.zoom {font-size:32px;line-height:1.3em}
td.tdnote.zoom  ul  {font-size:28px; line-height:1.3em}
td.tdnote.zoom  ul ul {font-size:24px; padding-left:5px; line-height:1.3em}
td.tdnote.zoom  ul ul ul {font-size:20px; padding-left:5px;  line-height:1.em}
td.tdnote.zoom  li {padding-bottom:8px; padding-top:8px;}




.pictitle {font-size:14px; min-width:30px}
#tab_list {width:900px}
div.listel {width:290px; overflow:auto; width:880px; margin:auto}

#tab_list td, #tab_list .l {vertical-align:top; font-size:14px; padding-right:20px; padding-right:0;}
#tab_list td.lastcol{padding-right:0}
#tab_list td.listheader{text-align:center; font-size:15px; font-weight:bold; padding-bottom:6px}
hr {font-size:5px; border-top:1px solid gray; border-bottom:0;}

.cardtabletxt {height:100px; width:800px;font-size:22px; }


.introtxt {position:absolute; z-index:1; text-align:center;   background-color: #eaeaea; border: 5px solid silver; padding:30px;width:900px; left:-486px;  margin-top:0px; padding-top:0}
#div_intro  {padding:17px;  border:1px solid #dadada; border-right:1px solid silver;border-bottom:1px solid silver; width: calc(100% - 40px); max-width:900px; margin:auto; margin-top:5px; margin-bottom:15px;text-align:left; xxxfont-size:14px; line-height:1.5em; ;background-color:#eaeaea; border:1px solid silver; border-radius:10px}

#div_intro  a {text-decoration:underline}
#div_intro  a:hover {text-decoration:none}

#intro_cmds {margin-top:10px; font-size:11px; text-align:center}
#sel_access {width:70px; height:19px;}
.public {color:black !important}
.private {color:red !important}
.privatetag {border:1px solid gray !important}
######.group {color:green !important}

.encrypted {color:magenta !important}

table.tab_users td.tdsitecs, table.tab_users th.tdsitecs {padding:0; border:0 !important}
table.tab_users td.tdsite, table.tab_users th.tdsite { border:0 ! important; border-bottom:1px solid silver ! important; vertical-align:top; padding-top:2px}
table.tab_users td.tdsite, table.tab_users th.tdsite {width:100px ! important;}
table.tab_users td.tdcsets , table.tab_users th.tdcsets {width:480px ! important;border-top:0 ! important;vertical-align:top ;  padding-top:2px}
table.tab_users th.tdsite {padding-right:4px; border-bottom:0 ! important;border-right:1px solid silver ! important;}

table.tab_sitecs {width:100% !important; }
table.tab_h {width:100% !important; }

#td_owner {padding-left:0px;padding-right:2px;}

.bgbutton {display:inline-block;background-image:url(/images/button_t2.png); background-repeat:no-repeat; color:white; height:22px; width:220px ; padding:0; padding-top:4px; padding-bottom:5px;border:0;font-weight:bold; margin:0; cursor:pointer; font-size:16px}

#tab_uses {margin-top:0px; margin-bottom:10px;text-align:center; width:100%; max-width:1000px}
#tab_uses .tuc {vertical-align:top; text-align:center; width:100%; max-width:310px; padding:20px; padding-top:0; padding-bottom:0; display:inline-block; vertical-align:text-top}
@media  screen and (max-width: 600px) {
	#tab_uses .tuc {max-width:400px}
}
#tab_uses ul {text-align:left}
###tab_uses li li {list-style-image: url('/images/add_green3.gif'); padding-left:0}
####tab_uses li {list-style-image: url('/images/star.gif'); margin-bottom:7px; line-height:16px}
#tab_uses ul {list-style: none}
#tab_uses li {background:url('/images/star.gif') no-repeat 0px 2px; padding-left:26px;}

.uses-title {font-weight:bold; font-size:22px}
.pg_title {text-align:center}

#div_blocks  {margin-top:30px}
#div_blocks ul {padding:0; margin:0px;}
#div_blocks li {padding:0; margin:0px; margin-left:20px;}
#div_blocks ul li {padding:0; margin:0px; margin-left:20px;}
.nodecor  {text-decoration:none !important}


.aedit {font-size:11px}


#hidestatic , #hidewords {text-align:center; margin:0; font-size:11px}
##intro_inner {max-height:300px; overflow:auto; }
#intro_inner td {vertical-align:top; padding-right:5px}
####intro_inner p {margin:0}

#div_featured {padding:10px; margin:10px; border:1px solid orange; }
#div_featured_header {position:absolute; z-index:0; margin:auto; width:100px;left:-50px; top:-20px; text-align:center; border:1px solid silver; font-size:11px; background-color:orange; color:white}
.meuser {color:green; font-weight:bold; font-style:italic}
.prof_tit {font-size:18px; font-seight:bold; color:#003366; margin-bottom:5px}



#h1_title {margin-top:12px; margin-bottom:10px; font-weight:normal}
.parentline {font-size:12px; text-align:center; padding-bottom:3px; font-weight: normal}
.tipdiv {font-size:14px; text-align:center; width:100%}
.tiptag {border:1px solid silver; margin:5px;padding:5px; padding-top:0px; padding-bottom:2px; border-radius: 10px; -moz-border-radius: 10px; background-color:white;  max-width:150px;  vertical-align:text-top;}
#pic_info, #pic_info input{font-size:10px; width:90%; max-width:350px;}
#inp_pic {width:200px;}
#inp_pic,#pic_info input { background-color:#eaeaea; padding-left:5px}

.divthmb {padding:3px; padding-bottom:5px}


#divlogoicon {display:inline-block; position:relative}
#logoicon {position:absolute; top:-29px;left:8px; height:32px; width:32px}
#td_mid {xxxbackground-color:#f5f5f5; vertical-align:top;min-width:850px}

.tdnote table td {vertical-align:top; padding-right:10px}
.tdnote  ul {margin-left:5px !important}
.tdnote  ul ul  {margin-left:15px !important}


#ckintro_zone{width:80px }
##td_ck_info {vertical-align:middle;width:70px;padding-right:5px}
b.otherowner a{color:cyan !important}
### li.lisep {display:none}
#tb_filter {width:150px; font-size:12px; padding-left:5px; padding-riht:5px}
.qmark, .div_action, .divrel, .iconbutton, .iconbutton, .bgbutton, .divrel  div.iconbutton  {display:inline}
.qmark {top:0}
.onlinenow_ext {text-align:center}

#div_wlist {margin:auto; font-style:italic;  line-height:0.9em; border:1px solid silver; margin-bottom:0px; padding:10px; color:#888888; text-align:center}
#div_wlist div {border:1px solid transparent; font-size:9pt; padding-bottom:0;padding-top:2px;padding-left:2px; padding-right:3px; display:inline-block; cursor:pointer}
#div_selected {margin:auto;  margin-top:10px; margin-bottom:10px;text-align:center;}
#div_selected div {display:inline-block; margin-bottom:3px; margin-left:2px; margin-right:2px; cursor:pointer; font-size:16px; color:white;xxxxxline-height:14pt ; padding-left:5px; padding-right:5px;  padding-top:5px; padding-bottom:5px }
.wz {position:relative; margin-bottom:4px !important}
.feaw {font-size:18px; font-weeight:bold;color:black; font-style:normal}
#whslinks {text-align:center; margin:auto; margin-bottom:5px}
#whslinks a {font-size:12px}
a.clink {font-size:12px; color:silver; text-decoration:none; padding:30px}
.clink:hover {text-decoration:underline}
#logospan {position:relative;font-size:28px;  top:-2px;}

.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
color: gray;
text-decoration: none;
}
.btn:hover {color:black}

#tab_duo {background-color:black; border:0px solid silver; text-align:center}
#duo1,#duo2  {vertical-align:bottom}
######duo1  {padding-right:0}
#duotxt {padding:20px; background-color:#dadada; color:black; font-size:22px}
######duo1 #duotxt {margin-right:0}
####.duoimg {max-width:200px; max-height:200px}
.duoimg {xxxmax-width:500px; max-height:500px}
#div_featured_inner {text-align:center}
.mebar {color:white; border:9px solid black;border-top:4px solid black; text-align:center; padding:10px; font-size:13px}
.mebar2 {color:white; padding:10px; font-size:14px; text-align:center}

#chainscreen, #hexagon, #autogov,  #cartoon, #connector, #mosaicscreen, #zoomscreen, #duoscreen, #dialogscreen, #cloudscreen, #floatscreen  {height:100%; width:100%; vertical-align:middle; text-align:center; }

#mosaicscreen, #zoomscreen, #duoscreen, #dialogscreen, #chainscreen, #connector, #hexagon, #autogov, #cartoon, #cloudscreen, #floatscreen {background-color:black}
#mosaicscreen, #td_chainscreen , #td_connector, #td_hexagon , #td_autogov, #td_cartoon, #td_zoomscreen, #td_cloudscreen, #td_duoscreen {vertical-align:middle; height:100%; text-align:center; padding-bottom:0px}
/*
#chainscreen  {background-color:white}
*/
#div_variable {height:100%; width:100%;text-align:center}

.cc_txt_hea {font-size:12px; line-height:28px;}

.h200 {height:200px;}
.cc_txt .h200 {height:195px; font-size:24px; line-height:28px; height:198px; }

.h150 {height:150px;}
.cc_txt .h150 {height:145px; font-size:20px; line-height:24px; height:148px; }

.h100 {height:100px;}
.cc_txt .h100 {height:95px; font-size:16px; line-height:20px; height:98px; }

.h50 {height:50px}
.cc_txt .h50 {font-size:13px; line-height:16px; height:48px; }

.h50.chain {font-size:16px; line-height:16px; height:60px; }

table.cc_txt {display:inline-block;margin-left:0px; margin-right:0px}
table.cc_txt td {padding-left:10px; padding-right:10px; vertical-align:middle; border:1px solid silver !important; border-right:2px solid gray !important; border-bottom:px solid gray !important; border:0 !important; background-color:#eaeaea; background-color:#ffff99; line-height:20px; xxxmax-width:200px; text-align:center;font-size:14px}
  
  
  
.ctnr, .ctnr_bb {display:inline-block !important; margin:0px; line-height:0;}
.ctnr {background-color:transparent; border:4px solid transparent}
.ctnr_bb {background-color:black; border:4px solid black}

.ctnr_hea {background-color:white; display:inline-block !important; margin:3px; line-height:0;border:1px solid white}
#sel_height, #sel_view, #sel_access {font-size:11px}
/*
#div_blocks  .tdpic img, #div_blocks  .tdnote img {height:100px !important}
*/

.white, a.white, input.white {color:silver }

.headmenu, #tab_znav {margin:auto; margin-top:5px; text-align:center; font-size:13px; color:white !important}
.headmenu td, #tab_znav  td {color:silver; vertical-align:middle}
.headmenu  a, #tab_znav a {text-decoration:none}
.headmenu  a:hover, , #tab_znav a:hover {text-decoration:underline}
#tab_znav td.tdnav{text-align:center; min-width:13px; cursor:pointer}
#tab_znav td{padding-top:0; padding-bottom:0; line-height:14px}
div.divnav {display:inline; font-size:11px; text-align:center; padding:2px; padding-top:0; padding-bottom:0; cursor:pointer;}
.menumargin {min-width:0px}
#waitcount
#waitcount {position:absolute;}
.headmenurel {position:relative; width:100%; background-color:black; text-align:center}
.headmenuabs {position:absolute; xxxtop:5px; width:100%; text-align:center; z-index:9999999}
.headmenuabs a {color:silver}
.td_waitcount {min-width:10px; text-align:left; font-size:11px !important}
#ovfdiv {background-color:white; overflow:auto; xxxmax-width:95%}

#edit_card_popup, #edit_intro_popup  {text-align:center;  border: 5px solid orange; padding:10px; xxxxpadding-top:140px; width:93%; max-width:700px; margin:auto; background-color:white; }
.iconzone {position:absolute;width: font-size:12px;width:140px; left:-70px; top:1px; font-size:4px}
.iconzone.simple {top:-4px}
.shyp {height:40px; margin-left:30px; margin-right:30px; position:relative; top:4px}
.td_pictitle, .td_pictitle .a_underl {text-align:center; font-size:12px ;padding:2px; padding-bottom:3px; padding-top:3px; xxborder:1px solid silver; max-width:100px; line-height:1.2em}

.td_pictitle a {text-decoration:underline}
.td_pictitle a:hover {text-decoration:none}


.td_pic {}
.td_pictitle.zoom a {color:white !important;  border:0}

#####.td_image {text-align:center; padding-top:40px}
#tab_hidden {visibility:hidden; position:absolute; z-index:-1; border-collapse:collapse}

#div_flags img {border:2px solid transparent;margin:0;cursor:pointer}


#flag_en, #flag_it  {width:30px}


#div_flags {padding-left:1px;position:relative; top:-3px; font-size:0px; line-height:0px; z-index:1111; }
#div_flags td {height:1px;vertIcal-align:top; padding-left:5px; padding-right:5px;  text-align:center; line-height:0px; }

 

.ip24h {position:absolute; top:-6px; width:40px; font-size:11px; color:#999999; cursor:pointer; position:absolute; left:10px}

div.home {xxxbackground-color:#f3f3f3; max-width:1000px}
/*
.menuline {white-space:nowrap; background-color:#888888; color:white!important; text-align:center; font-size:11px; padding:5px; line-height: 10px;}
*/
.menuline {white-space:nowrap; text-align:center;  padding:5px; }

####gradientarea {	
	background: rgb(49,104,143);
	background: -moz-linear-gradient(top, rgba(54,115,158,1) 0%, rgba(54,115,158,0.99) 65%, rgba(49,104,143,0.99) 76%, rgba(34,69,97,0.98) 98%, rgba(33,69,96,0.98) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,115,158,1)), color-stop(65%,rgba(54,115,158,0.99)), color-stop(76%,rgba(49,104,143,0.99)), color-stop(98%,rgba(34,69,97,0.98)), color-stop(100%,rgba(33,69,96,0.98))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(54,115,158,1) 0%,rgba(54,115,158,0.99) 65%,rgba(49,104,143,0.99) 76%,rgba(34,69,97,0.98) 98%,rgba(33,69,96,0.98) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(54,115,158,1) 0%,rgba(54,115,158,0.99) 65%,rgba(49,104,143,0.99) 76%,rgba(34,69,97,0.98) 98%,rgba(33,69,96,0.98) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36739f', endColorstr='#fa214560',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(54,115,158,1) 0%,rgba(54,115,158,0.99) 65%,rgba(49,104,143,0.99) 76%,rgba(34,69,97,0.98) 98%,rgba(33,69,96,0.98) 100%); /* W3C */	
}	

#gradientarea_nb {background-color:#691f53 ;}

		
		
h1#webs_public_title1 {
font: 300 42px/1 ;
font-size: 40px\9;
text-shadow: 0px 2px 0px #000000;
display: block;
xxxposition: relative; xxxz-index:-1; 
text-align: center;
padding: 26px 0 1px;
color: #fff;
letter-spacing: -.5px\9;
}
#webs_public_title2 {
margin-top: 7px;
text-shadow: 0px 1px 1px #000;
color: #fff;
font: 500 16px/22px;
text-align: center;
font-size: 13px;
}

.btn_ext, .btn_ext:link, .btn_ext:active, .btn_ext:visited {
font-weight: bold;
color: white;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
cursor: pointer;
xxxposition: relative;
}

.btn_ext_green {
background-color: #86c300;
-moz-box-shadow: inset 0 1px 2px #e2f0bc;
-webkit-box-shadow: inset 0 1px 2px #e2f0bc;
box-shadow: inset 0 1px 2px #e2f0bc;
text-shadow: #014875 0px 1px 1px;
border: 1px solid #64792a;
}

.btn_ext_md {
font-size: 20px;
height: 36px;
line-height: 36px;
padding: 0 23px;
text-decoration: none;
}

.btn_ext_blue {
background-color: #008FD5;
-moz-box-shadow: inset 0 1px 2px #51b8e4;
-webkit-box-shadow: inset 0 1px 2px #51b8e4;
box-shadow: inset 0 1px 2px #51b8e4;
text-shadow: #014875 0px 1px 1px;
border: 1px solid #164758;
}

#homebuttons {margin:auto; text-align:center; padding-top:10px}

#div_uses  {padding:10px;  padding-left:20px; padding-top:17px; border:1px solid silver;  margin:auto; margin-top:15px; margin-bottom:0px;text-align:left; font-size:14px; border:1px solid silver;  border-bottom-width:3px;border-right-width:3px;background-color:#f5f5f5}
#div_uses {border:0; padding:0px;background-color:transparent }
.cloud {white-space:nowrap; padding-left:10px; padding-right:10px; line-height:36px}
#tab_cloud td{ text-align:center; padding:30px}


table.tab_frame td {text-align:center; width:100%; border-radius:8px; border-color:transparent}

table.tab_frame.groupheader {width:100%}
.divnote {min-width:250px; overflow:auto; margin:auto; text-align:left; padding:3px; padding-top:6px; max-height:200px; border-radius: 8px}

.nowrap {white-space:nowrap}

.sep {padding-left:5px; xxxpadding:10px;  white-space:nowrap; }

#banner_cntnr {background-color:white;width:100%; width:728px; margin:auto; text-align:center; xxxpadding:5px;}


.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {background-color: transparent !important;}

.boxshadow  {box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}

.textshadow  {
text-shadow: 0px 2px 0px #244762;
}
#####floatdiv {position:relative; margin-top:20px; margin:auto;}

.itemtxt, .itempic {display:inline;position:absolute; top:0; left:0;}

.itemtxt {background-color:black; color:white; padding:3px; padding-left:8px; padding-right:8px; padding-bottom:4px; vertical-align: text-top; white-space:nowrap; font-size:16px; border:1px solid black}

.itemtxt a {color:white}

.drag {cursor: move;}

ul.ul_menu, ul.ul_submenu {
text-align: left;
width: 200px;
list-style-type: none;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
border: 1px solid silver;
font-size: 13px;
}
ul.ul_submenu {border: 0}
.ul_menu {background-color: black;}
a, a:visited, a:hover, a:active {
color: inherit;
}
.ul_menu a {text-decoration:none !important}
.ul_menu a:hover {text-decoration:underline !important}

 .fullbg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.td_sel_view {padding-right:10px; text-align:left; white-space:nowrap}

.waitgif2a {visibility:hidden; height:16px}
#tablist {}
#tablist td {border:0x solid silver !important; padding:10px; }
#tablist td.pic {text-align:center}
#tablist td.edt {width:1px}
#tablist td.tableheader {text-align:center; background-color:#eaeaea; }


#div_list {padding:15px; padding-top:15px; border:0px solid silver; font-size:15px;  background-color:white}

#tabcardedit, #findpopup  {position:absolute; background-image:url(/images/velogrigio.png); z-index:1099; border-collapse:collapse; text-align:center}
#findpopup {width:100%;}
#findpopup td {text-align:center; vertical-align:top}
#findpopup table{margin-top:50px}

div.menu a {text-decoration:none }
div.menu ul, div.menu ul ul {list-style:none; margin: 0; padding: 0; border:0;}
div.menu li {float: left;position: relative; border-width: 0px ; border-left:0px; border-style:solid; line-height: 24px; cursor:pointer}
div.menu ul ul {display: none; position: absolute; top: 20px;left: 0;float: left;z-index: 99999;  border:0; padding:0; white-space:normal !important; }
div.menu ul ul  ul {  background-color:transparent !important }

div.menu ul ul li.li_first, div.menu ul ul ul li.li_first {border-top-width:0px; }
div.menu ul ul li {line-height: 18px; min-height:20px; padding:3px; padding-left:10px; border-width:0px; border-top-width:0px; position_relative; left:-1px; text-align:left; border:1px solid silver !important;border-bottom:0 !important}
div.menu ul ul ul li {position_relative; left:0px; top:-1px; }
div.menu ul ul ul {left: 100%;top: 0;}
div.menu ul li:hover > ul {display: block;}
div.menu li.li_first {border-left-width:0px}
div.menu ul ul li:last-child  {border-bottom:1px solid silver !important}
div.menu ul ul li:hover {background-color:orange !important}
div.menu ul ul li, div.menu ul ul li ul {background-color:#f3f3f3}
#slidenav {padding-left:20px; padding-right:20px}
#spancstitle {xxxpadding-right:15px; color:white; font-size:16px;}
#####td_titlexyz {min-width:200px}
td.td_mindmap {background-color:white; vertical-align:middle; text-align:center; padding:10px; padding-top:0;  padding-bottom:10px}
#imgspecial {xxxwidth:500px}
td.td_need , td.td_fear{background-color:black; vertical-align:middle; text-align:center; padding:10px; padding-top:0;  padding-bottom:0px; font-size:26px; font-weight:normal; max-width:500px; padding-top:5px}
.subtit_cset {padding-left:10px;padding-right:10px; padding-bottom:2px; text-align:center; margin:auto; margin-bottom:10px; border:1px solid silver; background-color:#eaeaea; color:maroon; font-size:20px}

.subtit_slide {color:white; padding-left:15%;padding-right:15%; text-align:center; margin:auto; margin-bottom:10px; }

.tdicons, .tdpic {text-align:center;height:0px;}
#####.tdpic {xxbackground-color:#999999; border:1px solid #999999;}
.tdpic img {border-radius:8px}
.sqdiv {width:100px; height:100px; overflow:hidden;margin:0; margin:auto; border:0}

#tab_mosaic .sqdiv {margin:0px; display:inline-block; }
#tab_mosaic img {cursor:pointer}
#tab_mosaic { margin-top:40px; border-collapse:collapse}
#tab_mosaic td {border: 0; background-color:transparent; vertical-align:middle; text-align:center }
.tabtxt {width:100%; height:100px}
td.txt {border: 0; vertical-align:middle; text-align:center; padding:3px; line-height:16px; height:100%; widht:100% ;font-size:14px}

#mindmap_center {position:absolute; top:378px; left:386px; width:164px; height:136px; border:0px solid red; z-index:2; border-radius:15px; color:white; font-size:22px;  transition:background-color 5000ms; }
#mindmap_center td {padding:5px}
.mmitem {position:absolute; z-index:9; border:0px solid red; width:110px; height:92px; border-radius:15px; overflow:hidden; padding:5px; xxxtransition:background-color 5000ms;}
.mmitem table {width:100%; height:100%}
.mmitem table td {vertical-align:middle; text-align:center; xxxpadding:5px; color:white; border-radius:10px; font-size:15px; line-height:1.1em}
.mmitem img {max-height:100px; border-radius:10px}
.tab_ps.right {left:302px}
#ps_right {padding:3px}
.ps_pic {max-height:100px}
#td_duo_below {font-size:24px; xxxxpadding:10px; padding-top:30px}
#ps_left, #ps_right {vertical-align:middle; text-align:center}
#ps_left {padding:5px}
#header_shadow { border-bottom:0px solid silver}
#logoimg {margin-right:5px; position:relative; top:-3px; }
img.triang {width:6px}
/*correct bootstrap setting */
div.iconzone img{vertical-align:top}


h1 {font-size:28px}
input[type=checkbox] {margin:0}

hr {margin-top: 5px;margin-bottom: 5px;}

div.divnote a {text-decoration:underline}
div.divnote a:hover {text-decoration:none}
div.divnote p, #tabnote p {margin-bottom:15px}
div.divnote ul, div.divnote ol {padding-inline-start: 5px}

### .container {width: 850px}

#cmd_band {padding-bottom:3px; padding-top:3px}

/* NAVBAR */

#tab_header td {vertical-align:middle !important; border:0px solid red !important; }

#tab_header td a:hover {text-decoration:underline; }

.menuitem a, #tab_header td, #tab_header td a, #tab_cmds, #tab_cmds a, .menulabel {font-size:12px;text-decoration:none; white-space:nowrap}




.tab_submenu {position:absolute; z-index:99999; width:200px; background-color:#eaeaea; top:9px; left:0px; border:1px solid silver; max-height: 600px; overflow:auto
}
.tab_subsubmenu   {background-color:#fafafa;  border:1px solid silver; display:block}
.tab_submenu.wide, .tab_subsubmenu.wide {width:300px}

#tab_navbar_part1 {xxposition:relative; z-index:-10}

.ul_dropdown {list-style-type: none; padding:10px; padding-bottom:0}
.ul_dropdown li  {xxxwidth:300px; height:30px; line-height:1em; vertical-align:middle}

#tab_cmds td {vertical-align:top}
span.sepa {padding-left:4px}
p.gotonormal {text-align:center; margin-top:0; margin-bottom:15px; font-size:14px}
#div_intro_simple {margin:auto; width:800px; padding-top:10px}
#intro_semplice_inner {padding-top:10px; padding-bottom:10px; font-size:14px}
.linkicon {position:relative; top:3px; margin-left:5px}
.tdname a {text-decoration:none; color:white}
.tdname a:hover {text-decoration:underline}

a.biglink {font-size:22px; color:#ffffff; xxxxxtext-decoration:none; border:0px solid red; padding:5px; padding-left:10px; padding-right:10px; text-shadow: 0px 2px 0px #000000;}
a.biglink:hover {xxxxxtext-decoration:underline}

#tab_cmds, #cmd_band {background-color:white}
#middiv {padding-top:10px; background-color:white; ; scroll:auto}
table {text-align:left; border-collapse:collapse}


sup {font-size:8px;}
.td_slogan {font-style:italic; padding-left:0px; color:gray; font-size:16px;font-size:16px !important;line-height:16px; vertical-align:middle !important; padding-right:20px;padding-top:0px !important; min-width:150px !important}


.inline {display:inline-block}


#tab_retino {position:fixed; z-index:999999999; background:url(/images/retino.png); height:100%;width:100%;}
#tab_retino td {width:100%;height:100%; text-align:center; vertical-align:middle; background:url(/images/retino.png) !important; }
#div_popup_panel { border:1px solid gray; background-color:white; max-width:300px;border-radius:35px}
#retino_int { padding:20px; color:#003366; font-size:20px;}
#popup_close {position:absolute; top:5px; cursor:pointer}
#div_blocks_ext{text-align:center}
.areatitle {font-size:24px; margin-bottom:15px; text-align:center; color:#555555}
a.link  {padding-left:20px !important; background-image:url(/images/link.gif); background-repeat:no-repeat; background-position:left center; text-decoration:none}
a.link:hover  {text-decoration:underline}
.addfloat {color:white; font-style:italic; text-align:center; font-size:11px}
.addfloat.picture {background-color:#333333; padding-bottom:2px}
.addduo {color:white; font-style:italic; font-size:26px; margin-bottom:5px}
.addzoom {color:white; font-size:36px;font-style:italic; margin-bottom:5px; min-width:300px; }
table.connectitem { position:absolute; }
table.connectitem td {height:100px; width:120px; vertical-align:middle; text-align:center;  line-height:1.2em; font-family:comic sans ms, arial; font-size:12px; }
#dblarrow {position:absolute;width:1140px; height:30px; border:0px solid maroon; top:285px; text-align:center; color:white; font-weight:bold; padding-top:9px}


-webkit-border-radius: 10px;border-radius: 10px;  background-color: white}


.tdx1 { width:800px; vertical-align:middle; text-align:center; background-color:transparent; border-radius: 10%; font-weight:bold; xxxpadding:3px;border:5px; border: 0px solid green;}
.tdx2  {width:140px; background-color:transparent;; vertical-align:top; text-align:center; font-weight:bold; padding:0px; border: 0px solid green;}

#tabxx, #tabxx2 {position:absolute; xxxxleft:73%; xxxxtop:32%; z-index:96; font-s ize:12px;border:0px solid red;width:20%; height:20%;}

.imghex {border:1px solid black; max-width:97%}


#tdx, #tdx2  {;background-color:white;  line-height:1.0em;  vertical-align:middle; text-align:center;width:100%;  background-color:transparent;  border-radius: 10%; font-weight:bold; border:0px solid green; }

#img_bc {position:absolute; left:21%; top:73%; max-width:18%; border-radius:100%}



#td_autogov {padding-bottom:0; padding-top:50px; :0; vertical-align:middle}

#autogov_cntnr {position:relative; margin:auto; width:100%; max-width:560px}

#imgyy {width:100%}

#tabsynopt1, #tabsynopt2, #tabsynopt3, #tabsynopt4 , #synoptlegend {position:absolute; z-index:96; font-size:18px;border-collapse:separate; border:0 ; background-color:white } 



 
#synoptlegend {text-align:left; top:93%; width:100%}
#synoptlegend_int {padding-left:0%;width:70%; text-align:center; transition: all 5s}

.tdxag_txt { font-size:16px;  line-height:1.15em; text-align:center; padding:3px; cursor:pointer; height:100%; vertical-align:miiddle; border-radius:18px; padding:3px; xxborder:2px solid gray; lineHeight:1.5em; background-color:yellow;  }

.tdxag_img {line-height:0; text-align:center; background-color:transparent; text-align:center; vertical-align:middle }

.imghex2 {width:97%; xxxxborder:2px solid #777777}

#xtxt, #xtxt2 {font-size:18px; margin:auto; overflow:hidden; }

@media  screen and (max-width: 700px){
	#xtxt {font-size:16px}
	.imghex2 {width:96%}
}

@media  screen and (max-width: 500px){
	#xtxt {font-size:14px}
	.imghex2 {width:95%}
	.tdname.zoom {font-size: 24px; padding: 20px}
}



/*

#imgyy3 {position:absolute; left:0px; top:0px; z-index:3; }
*/
#imgcartoon {position:absolute; left:0px; top:0px; z-index:0; }

#itemx  {position:absolute; z-index:99;left:288px; top:340px; font-size:16px; color:white;text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.95);}
#td_hexagon {padding-bottom:0; background-color:#e0e0e0;  padding:0}

#td_cartoon {padding-bottom:0; background-color:#e0e0e0;  padding:0}
#hexagon_cntnr {position:relative; margin:auto; line-height:1.3em; width:100%; max-width:769; height:500;border: 0px solid silver; background-repeat:no-repeat}
#cartoon_cntnr {position:relative; margin:auto; line-height:1.3em; width:100%; max-width:883; height:660;border: 0px solid silver; background-repeat:no-repeat; padding-bottom:200px; background-color:white}

#psicoscopio_cntnr {margin:auto; margin-top:10px; line-height:10px; height:600px; xxborder: 3px solid silver; background-repeat:no-repeat; background-image:url(/images/CONNESSIONE_MODELLO_RETTANGOLI.png); position:relative}
#legenda {background-color:#e0e0e0; margin:auto; margin-top:5px; width:729px; z-index:9999; text-align:center; padding:20px}


.bw {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.radius{
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}
.radius2{
-moz-border-radius: 34px;
-webkit-border-radius: 34px;
border-radius: 34px;
}
.circle{
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}

#zoomimg {max-width:100%; max-height:100%; background-color:#222222}

.divchain {display:block !important;; margin:10px !important}
.tdchain {width:500px;padding:12px; font-size:20px !important}
#voicew {padding:5px; padding-left:15px; padding-right:15px; font-size: 28px; min-width:350px; margin:auto; -moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px; background-color:#a0a0a0; color:black; margin-bottom:20px}
.picicon {height:100%; position:absolute; left:0px; top:0px}

.sent {font-size:11px; padding-bottom:3px; height:10px; -moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;
background-color:#666666 !important; color:white;background-color:#d0d0d0 !important; color:black;}
#tabmainmenu a:hover {text-decoration:underline}
#div_needs1 {left:113px}
#div_needs2 {left:615px}
#div_superio {left:285px}
#div_oltreio {left:489px}
#div_ben {top:447px; height:30px}
#div_mal {top:492px; height:55px}
#div_ben, #div_mal {position:absolute; left:367px; width:139px; border:8px solid transparent}



####div_a1 {position:absolute; left: 423px; top:137px; width:31px; height:17px;border:4px solid transparent}
#div_emo {position:absolute; left: 335px; top:177px; width:203px; height:40px;border:6px solid transparent}

#div_needs1, #div_needs2 {position:absolute; top:327px; width:139px; height:178px;border:8px solid transparent}
#div_superio, #div_oltreio {position:absolute;  top:300px; width:96px; height:96px; border:6px solid orange; background-color:white; text-align:center}
#div_iocon {position:absolute;  top:59px; left:389px; width:96px; height:96px; border:6px solid orange; background-color:white; text-align:center}

#div_superio div, #div_oltreio div , #div_iocon div {margin-top:30px}
#div_superio table, #div_oltreio  table, #div_iocon  table   {width:100%; height:100%;}
#td_superio, #td_oltreio , #td_iocon {vertical-align:middle; text-align:center; line-height:1em}

.trans {
 -webkit-transition:color 2000ms;
 -moz-transition:background-color 2000ms;
 -moz-transition:color 2000ms;
 -o-transition:background-color 2000ms;
 -o-transition:color 2000ms;
 -ms-transition:backgronud-color 2000ms;
 -ms-transition:color 2000ms;
 transition:background-color 2000ms;
 transition:color 2000ms;
}
.trans2 {
 transition:border 2000ms;
 -webkit-transition:border 2000ms;
 -moz-transition:border 2000ms;
 -ms-transition:border 2000ms;
  -o-transition:border 2000ms;
}
.trans3 {
 transition:font-size 2000ms;
  -webkit-transition:font-size 2000ms;
 -moz-transition:font-size 2000ms;
 -ms-transition:font-size 2000ms;
  -o-transition:font-size 2000ms;
  /*
 transition:line-height 2000ms;
  -webkit-transition:line-height 2000ms;
 -moz-transition:line-height 2000ms;
 -ms-transition:line-height 2000ms;
  -o-transition:line-height 2000ms;
  */
}
#tbfind {width:60px; padding-left:2px;margin-right:3px}
/*
@media  screen and (max-width: 10000px) {
	#ad_widex{display:block}
	#ad_narrow{display:none}
}
@media screen and  (max-width: 750px) {
	#ad_widex{display:block}
	#ad_narrow{display:none}
	#logospace {display:none}
}
@media screen and (max-width: 500px) {
	#ad_widex{display:none}
	#ad_narrow{display:block}
	#div_ad {max-width:280px !important}
	#div_ad2 {width:320px !important}
}
*/
span.caption {font-weight:bold; font-style:italic}
.badpic {position:absolute; color:maroon;font-weight:bold; background-color:yellow;padding-left:3px; padding-right:3px; -moz-border-radius: 0; border-radius:0;font-size:10px}



.filterpanel {width:850px; margin:auto; padding-bottom:5px;padding-top:10px; margin-top:25px;border: 2px solid silver; border-top:1px solid #cacaca; border-left:1px solid #cacaca; background-color:#e6e6e6 ; background-color:#e4eef3;  xxxposition:relative; }
.filterpanel select {border:1px solid #bbbbbb; xxxxheight:20px}
.filterpanel input[type='text']  {border:1px solid #bbbbbb; height:16px}
.filterpanel input[type='checkbox'] {border:0px solid #bbbbbb; xxxxposition:relative;  top:3px}
.tab_filters , .filterpanel input, .filterpanel select {font-size:13px ; padding-left:3px}
.tab_filters td {border:0px solid red !important; padding:3px; text-align:center; vertical-align:middle}




.prof_des {font-size:14px;font-style:italic;text-align:left; }
.pslogan {margin-top:3px; line-height:1.0em; white-space:nowrap; font-size:12px; font-style:italic }
#logotext {font-size:15px; line-height:1.2em; padding:0 !important; padding-top:10px !important; padding-right:25px !important}
.center {text-align:center}
#plevel {text-align:center; margin:0}
#plevel .p1 {font-size:16px; font-weight:bold}
#plevel .p2 {font-size:12px}
#sel_looksx {width:330px !important}
.panellabel {position:absolute; left:355px;top:-9px; background-color:white;padding:2px; padding-top:0; padding-bottom:0;  width:130px; font-size:11px; text-align:center; border:1px solid silver; color:gray }
.sbar {border-right:0px dashed silver; padding:8px !important; }
.templatehr {margin:0px; border:0; border-top:1px solid #b0b0b0}
/*
#tabiflags td {vertical-align:middle !important; padding-top:20px}
.tdlang1  {padding-left:15px;}
####.tdlang1  img {//border:5px solid silver; position:relative; top:3px}
.tdlang2  {padding-right:15px; padding-left:2px; font-size:14px}
.tdlang2.x  {font-weight:bold; font-style:italic; font-size:14px}
*/
li.lev1{font-weight:bold}
li.lev2 {font-style:normal}
li.lev3 {font-style:italic}
####div_flags img {border:2px solid transparent;margin:0;cursor:pointer}
####div_flags {padding-left:1px;position:relative; top:-3px; font-size:0px; line-height:0px; z-index:1111}
####div_flags td {height:1px;vertIcal-align:top; padding:0px; text-align:center; line-height:0px} 
#tab_flags td {border:0px solid red; padding:2px; text-align:center}
#tab_sort td.cricap{padding-left:15px}
#tab_sort td input{margin:0}
#tab_sort td{vertical-align:middle;font-size:12px; }
#td_feat_tut {text-align:center; padding:0; margin-bottom:2px; margin-top:8px;font-size:10px; padding-top:0px; padding-bottom:3px ; xxxborder: solid 1px #bbbbbb; xxxbackground-color:#eaeaea; }
.aboutframe {margin:auto; xxborder:1px solid gray; background-color:#eaeaea; width:620px; padding:20px;padding-left:30px; padding-right:30px}
#withthis  td   {padding:0px;text-align:center;}
###.aboutframe div.withthis   {padding-top:20px; padding-bottom:20px}
.div_fw {font-size:12px; padding:0px;vertical-align: text-top; display:inline-block; padding-bottom:0}
.div_fw2 {margin-top:2px;width:70px; margin:auto; padding-top:5px; padding-bottom:0px}
.facewall_img {cursor:pointer; margin:7px; margin-top:0; margin-bottom:0; border-radius: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px;}
.badpic {position:absolute; color:maroon;font-weight:bold; background-color:yellow;padding-left:3px; padding-right:3px; -moz-border-radius: 0; border-radius:0;font-size:10px}
.td_central {width: 200px}
.btn_central {width:150px; cursor:pointer; font-size:15px; height:40px !important}
.homelink {font-size:13px}

#xlink {text-align:center; font-size:16px; padding:20px; border:1px solid gray}
.relative {position:relative}
.UC {text-transform: uppercase !important;}
.LC {text-transform: lowercase !important;}
.emph {font-size:14px;}
.maroon {color:maroon}
td.col_diag {vertical-align:top !important}
#tab_flags td {padding:2px !important; padding-top:0 !important}

td.qcateg {font-family:oswald; font-size:20px }
.rounded100{border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.rounded50 {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.rounded5 {border-radius: 5%; -webkit-border-radius: 5%; -moz-border-radius: 5%;}
.rounded5 {border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em;}
#tab_footer {margin-top:20px; margin-bottom:20px}
#tab_footer td {vertical-align:middle; width:400px; border:0px solid red}
#tab_footer td .icon {width:60px; text-align:center}
#tab_footer td .linko {width:340px;}
#tab_footer td.copyr {text-align:center; font-size:14px; vertical-align:top; text-align:center}
#td_startnow {background-color:#0662af;color:white;cursor:pointer;padding:10px; padding-top:0; padding-bottom:0; min-width:200px; min-height:40px;  vertical-align:middle; width:100%; text-align:center; font-size:18px}

#bullets .bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin:7px; margin-top:10px; margin-bottom:0;
  background-color:silver;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  cursor:pointer
}

div.mitem {display:inline-block; margin:10px;margin:top:0; margin-bottom:0;}
td.tdrsp {vertical-align:middle; height:60px}

.qmark {background-image: url("/images/help_icon2.gif"); width: 20px; display: inline-block !important; background-repeat: no-repeat; background-position: 0px 1px; height: 13px; padding: 0; margin: 0; cursor: pointer;  xxxposition:absolute;} 
.qmark, .div_action, .divrel, .iconbutton, .iconbutton, .bgbutton, .divrel  div.iconbutton  {display:inline}
.helpclosex {position:absolute;left:320px;top:5px;cursor:pointer; z-index:9999999}
.help_panel {width:300px; background-color:#eaeaea;left:-80px ; top:20px; padding:20px;border:2px solid silver; font-size:13px; font-weight:normal; text-align:left; }
.help_panel.left{width:330px;left:-365px ; top:30px;text-align:left}
.help_panel.left .helpclosex{left:350px}


#dialogscreen {color:white}

.tab_dlg {position:absolute;z-index:999; width:28.4%; height:30%; top:10% }
.tab_dlg td {background-color:yellow ; border-radius:30px}
#tab_dlg1 {left:8.5%}
#tab_dlg2 {left:62.6%}

#dialog1, #dialog2 , #dialog_me, .subdialog {  text-align:center; font-size:1.1em; }

@media  screen and (max-width: 500px) {
	#dialog1, #dialog2 , #dialog_me, .subdialog {font-size:0.9em;}
}


#dialog_me {background-color:black; color:white; border-radius:18px; padding:22px; font-size:22px; width:80px}
.subdialog {padding-top:30px}
.subdialog  img{height:200px}
.dialog_sep {width:20px}
.dialogimg {max-width:300px; max-height:400px}

/*
.cardframe {border-radius:10px}
table.tab_frame td {border-radius:7px}
*/
table.tab_frame {border:0}

.sqdiv, .tdpic{border:0}

p.nomargin {margin:0}
.divnote p.nomargin {margin:0}
.psimg {max-height:100px; max-width:120px; border-radius:20px}
.psimgtag {text-align:center;height:15px; overflow:hidden; margin:auto; background-color:white}
.pstagcnt {padding:5px; max-height:90px; max-width:110px; margin:auto; overflow:hidden}
img.rempic {max-height:180px}
#albumlink {text-align:center}
div.dib {display:inline-block; margin:5px; vertical-align:middle; xxxborder:1px solid yellow; white-space:nowrap}

#cartoonimg {height:600px;}
#imgctx {width:100%; xxborder-radius:100%}
#tabxxct {position:absolute; left:31.5%; top:73.5%; z-index:96; font-size:18px;border:1px solid red; height:25%;   width:38% }



.tdxct { width:170px; vertical-align:middle; text-align:center; background-color:transparent; border-radius: 10%; font-weight:bold; padding:3px;border:5px;  font-size:20px}

#tabdivtdxct {height:100%; width:100%}
#tabdivtdxct td {vertical-a4ign:middle; text-align:center;; }
#sel_voicelang {font-size:14px; width:150px}
#######.header{text-align:center; font-size:15px; font-weight:bold; padding:10px; border:1px solid silver; background-color:#eaeaea}

#tabnoheader {height:100%; max-width:1024px; width:95%; margin-top:10px}
#tabnoheader td{vertical-align:top; text-align:left; font-size:15px; border:1px solid #e0e0e0}
#tabnoheader p{margin:0}
td.coltitle img {margin-bottom:5px; max-width:100px}

td.colnote {width:70%; max-width:70%}
td.coltitle {width:30%; max-width:30%}
@media (max-width: 400px ) {
	td.coltitle .divovf {width:140px; overflow:auto}	
	td.colnote .divovf {width:160px; overflow:auto}	
}
@media (min-width: 400px) and (max-width: 500px) {
	td.coltitle .divovf {width:160px; overflow:auto}	
	td.colnote .divovf {width:200px; overflow:auto}	
}
@media (min-width: 500px) and (max-width: 600px) {
	td.coltitle .divovf {width:200px; overflow:auto}	
	td.colnote .divovf {width:260px; overflow:auto}	
}

#div_table {width:100%; }
#div_list hr {margin-top:5px; margin-bottom:5px}

.colnote ul {padding-left:20px}
#clockicon, #topicon {height:16px; margin-left:10px; position:relative; top:2px; cursor:pointer}
#div_recents { position:absolute;  width:300px; background-color:white; box-shadow:         0px 4px 8px rgba(100, 100, 100, 0.69); padding:10px; z-index:99999}
#ul_recents {padding-left:15px}
#ul_recents li {margin-bottom:5px}

#####dev_indicator {display:none}
#mepic {position:absolute; border-radius:35px; xxxxxborder: 3px solid black}
#otherspic {position:absolute;}
#div_viewmenu li {margin-bottom:10px} 
.menuitem a {color:black}
.roundborder {border-radius: 5px;}
.roundborder8 {border-radius: 16px;}
#intro_inner img {max-width:100%}
li p {margin:0 !important}