body{font:normal 12px Arial;color:#666;margin:0}
img{border:0}
a{text-decoration:none;color:#666;cursor:pointer}
a:hover{text-decoration:underline;color:#064D40}
div.clear{clear:both;height:0;border:0;padding:0}
img.rt,img.lt{float:right;margin:5px}
img.lt{float:left}
#global{width:100%; background:url(http://www.openidoo.com/static/openidoo.com/top_bg.png) repeat-x }
/* HEADER */
div#menu,div#sncf,div#content,div#footer{width:930px;margin:0 auto}
div#header{height:150px; width:990px; margin: 0 auto 0;}
div#headerleft{float:left; width:370px }
div#headerright{float:left; width:500px; margin-top:30px}
div#header h1{font:bold 18px Arial;margin:5px 0 0;width:255px}
div#header h2{width:200px;float:right}
div#header h3{font:bold 20px Arial;color:#064D40;width:550px;text-align:center;margin:20px 0 0}
div#header h3 span{font:bold 16px Arial;color:#064D40}
div#header h3 span.gray{font:bold 16px Arial;color:#666}
div#header h3 span.ita{font-style:italic;color:#74B346}
div#header h4{font:bold 16px Arial;color:#064D40;float:right;margin:5px 10px 0 0;width:230px;text-align:center}
div#header h4 span{font-size:14px}
div#header p{margin-left:65px;width:450px;text-align:center}
div#header p a{margin:0 20px}
div#header ul{margin:0;padding:0px;float:right}
div#header ul li{float:left;list-style:none}
div#header ul li a{font-size:10px;margin:0 5px}
div#header ul li a span{color:#FF82CC}
/*MENU */
div#menu{width:100%;height:37px;margin-top:0px;margin-bottom:15px;background:url(http://openidoo.com/static/openidoo.com/middle_bg.png) ;padding:0px 0 0 0;}
div#menu ul{width:920px;margin:0 auto;padding:9px 10px;}
div#menu ul li{float:left;list-style:none}
div#menu ul li a{padding:3px 7px;text-decoration:none}
div#menu a#recommend{margin:-15px 10px 0 0;float:right;color:#AD2A30;font-weight:bold}
div#menu ul li a.actf{font-weight:bold;padding:3px 7px;text-decoration:none}
/* CONTENT */
div#content div#sncf{font-weight:bold;color:#74B346;height:15px;clear:both;margin:3px 0}
div#content div#sncf a{margin:0 3px}
div#content div#col_left{float:left;width:200px;margin-right:10px}
div#content div#col_left div.menu{border:1px solid #CCC;margin:0 0 10px}
div#content div#col_left div.menu img{margin:5px 0 0 5px}
div#content div#col_left div.menu ul{margin:0;padding:5px;border-top:1px solid #CCC;list-style:none}
div#content div#col_left div.menu ul li{margin-left:15px}
div#content div#col_left div.menu ul li a{margin:2px}
div#content div#col_left div.menu ul li a.actf{margin:2px;font-weight:bold}
div#content div.col_right{float:left;width:710px;border-top:1px solid #CCC;border-right:1px solid #CCC;padding-top:5px}
div#content div.col_right h1,div#content div.col_right h1{font:bold 16px Arial;text-indent:5px}
div#content div.col_right h2{font:bold 12px Arial;color:#74B346;text-indent:5px}
div#content div.col_right h3{color:#064D40;text-decoration:underline overline}
div#content div.col_right p{padding:5px}
div#content div.col_right ul li{display:list-item;list-style-image:url(../img/arrow.gif)}
div#content div.col_right table.display{width:600px;border:1px solid #CCC;margin:5px auto;padding:0}
div#content div.col_right table.display td{width:195px;padding:5px}
div#content div.col_right table.display td.image{text-align:center;background:#FAFBD3}
div#content div.col_right table.display td.image2{text-align:center;background:#FFF}
div#content div.col_right table.display td img{margin:0 auto}
div#content div.col_right table.display tr.green{background-color:#064D40;text-align:center;font-weight:bold;color:#FFF}
div#content div.col_right table.display tr.gray{background-color:#F2F2F2;border:0}
div#content div.col_right table.display td.slash{width:0;padding:0 1px 0 0;background:#CCC}
div#content div.col_right table#awards{border:0;width:660px;margin:0 auto}
div#content div.col_right table#awards td{text-align:center;width:220px}
div#content div.col_right table#banners td{text-align:center}
div#content div.col_right table#banners img{border:1px outset #CCC;margin:10px auto}
div#content div.col_right table#banners .field{width:550px;height:60px;font:inherit;border:1px solid #666;padding:2px}
div#content div.col_right table.component{width:600px;border:1px solid #CCC;margin:5px auto;padding:0;font-weight:bold}
div#content div.col_right table.component tr.gray{background-color:#F2F2F2}
div#content div.col_right table.component td{text-align:center}
div#content div.col_right table.compare td{text-align:center;background-color:#CCFF99}
div#content div.col_right table.compare td.tp{text-align:center;background-color:#C6EBAD;font-weight:bold}
div#content div.col_right table.compare td.ee{text-align:center;background-color:#E7F7B6}
div#content div.col_right table.compare td.no{border-color:#FFFFFF;background-color:#FFFFFF;border-left: hidden}
div#content div.col_right table.compare td.lt{text-align:left;background-color:#DEEBF7;margin-left:5px;font-weight:bold}
div#content div.col_right table.compare td.lt2{text-align:center;background-color:#DEEBF7;}
div#content div#apps_scripts table.display{border-bottom:0}
div#content div#apps_scripts table.display td{text-align:center}
div#content div#apps_scripts table.display td.script_name{text-align:left;width:250px}
div#content div#apps_scripts table.display td.descript{border-top:1px solid #CCC;border-bottom:1px solid #CCC;text-align:left;width:600px}
div#content div#apps_scripts table.display td.descript img{float:left}
div#content div.col_right span{font-weight:bold}
div#content div.col_right a{font-weight:bold;color:#74B346;text-decoration:underline}
div#content div.col_right a.up{display:block;background:url(../img/arrow_up.gif) bottom center no-repeat;height:15px;width:14px;float:right;margin-right:15px}
div#content div.col_right div.display{width:250px;text-align:center;float:right;margin:5px 10px;border:1px solid #74B346}
div#content div.col_right div#demo{width:630px;background:url(../img/blip.gif) left top repeat-x;margin:0 auto 10px}
div#content div.col_right div#flashcontent{text-align:center;border:1px solid #CCC;border-top:0;padding:20px;margin-bottom:10px}
div#content div.col_right div#tabs{width:630px;margin:0 auto -2px;height:22px;}
div#content div.col_right div#tabs ul li{float:left;margin:0 3px;list-style:none;border-bottom:1px solid #FFF}
div#content div.col_right div#tabs ul li a{display:block;border:1px solid #CCC;text-decoration:none;padding:2px 5px;background:#F2F2F2}
div#content div.col_right div#tabs ul li a.bing{display:block;border:1px solid #CCC;border-bottom:1px solid #FFF;text-decoration:none;padding:2px 5px;background:#FFF}
div#content div#right{width:600px;float:right;background:url(img/flashbg.jpg) top left no-repeat}
div#content div#right h1{font-size:16px;color:#74B346;margin:0;width:460px;text-align:center;clear:left;padding-top:3px}
div#content div#right objet{border:0;margin:0;float:left;clear:left}
div#content div#right ul,div#content div#right h2{width:140px;padding:0;margin:0;float:right;list-style:none}
div#content div.col_right table#vid_formats td{text-align:center}
div#content div#right h2{font-size:12px;color:#064D40;margin:0;text-align:center}
div#content div#right ul{clear:right}
div#content div#right ul li a{width:100px;height:25px;display:block;padding:15px 0 15px 50px;font:bold 12px Arial;background-position:top left;text-decoration:none}
div#content div#right ul li a.massmailing{background:url(/img/massmailing_sm.png) no-repeat}
div#content div#right ul li a.massmailing:hover{background:url(/img/massmailing.png) no-repeat}
div#content div#right ul li a.reporting{background:url(/img/reporting_sm.png) no-repeat}
div#content div#right ul li a.reporting:hover{background:url(/img/reporting.png) no-repeat}
div#content div#right ul li a.data_capture{background:url(/img/data_capture_sm.png) no-repeat}
div#content div#right ul li a.data_capture:hover{background:url(/img/data_capture.png) no-repeat}
div#content div#right ul li a.automate{background:url(/img/automate_sm.png) no-repeat}
div#content div#right ul li a.automate:hover{background:url(/img/automate.png) no-repeat}
div#content div#right ul li a.supervise{background:url(/img/supervise_sm.png) no-repeat}
div#content div#right ul li a.supervise:hover{background:url(/img/supervise.png) no-repeat}
div#content div#right ul li a.get_download{background:url(/img/download.jpg) top center no-repeat;padding-bottom:0}
div#content div#right ul li a.get_scripts{background:url(/img/get_scripts.jpg) top center no-repeat;padding-top:0}
div#content div#left h1{font:bold 20px Arial;color:#064D40;margin:0;text-align:center}
div#content div#left{width:290px;text-align:left;float:left;margin-left:10px;margin-top:10px}
div#content div#left a img{margin:0}
div#content p.link{text-align:center}
div#content p.link img{margin:5px 20px;text-align:center}
/* FOOTER */
div#footer{width:300px;margin:auto auto;padding:20px 0 0;text-align:center}
div#footer p{border-top:1px solid #CCC;padding:5px 0 0}