html {
background:#454C52 url(../images/bg.gif);
background-repeat:repeat-x;
}
body {
font-family:"Arial","Helvetica","Verdana","sans-serif";
color:#FFFFFF;
margin:0pt;
min-height:100%;
}

a:link { color: #2D5FAB; }
a:visited { color: #2D5FAB; }
a:hover { color: #DD255A; }
a:active { color: #2D5FAB; }

#wrapper {
margin:0pt auto;
position:relative;
width:956px;
background:#000000;
}
#banner {
height:102px;
width:960;
margin-bottom:0px;
}
#content .bg {
opacity:0;
}
table.layout-grid a.disabled, table.layout-grid a.disabled:hover {
color:#AAAAAA;
cursor:default;
text-decoration:line-through;
}
div.notice {
background:#FFF1AF none repeat scroll 0%;
border:1px solid #EFD500;
margin-bottom:5px;
padding:3px;
}
h1.logo {
left:2px;
margin:0pt;
}
h1.logo, h2.logo {
height:102px;
width:956px;
}
h1.logo {
background:transparent url(../images/top.gif) no-repeat scroll 0%;
display:block;
}
h1.logo a span {
display:none;
}

h4{
font-size:28px;
font-weight:bold;
}

#dock {
height:25px;
position:absolute;
right:2px;
top:0pt;
}
#dock .left {
float:left;
height:25px;
width:3px;
}
#dock .right {
float:left;
height:25px;
width:3px;
}
#dock ul, #dock ul li {
float:left;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#dock ul {
background-color:#000000;
height:20px;
padding:0pt 6px;
}
#dock ul li {
padding:0pt 6px;
position:relative;
}
#dock ul li a {
color:#CCCCCC;
display:block;
float:left;
font-size:10px;
line-height:22px;
padding:0pt 5px;
text-decoration:none;
}
#dock ul li.selected a {
border-bottom:2px solid #dd255a;
color:#FFFFFF;
}
#dock ul li a:hover {
border-bottom:2px solid #dd255a;
color:#FFFFFF;
}
#dock ul li.selected a {
font-weight:bold;
}
#navigation {
float:left;
height:41px;
position:absolute;
right:10px;
top:56px;
}


#navigation_2 {
float:left;
height:41px;
position:absolute;
right:0px;
top:24px;
}

.webzone{

}
.mailzone{
 font-size:18px;
}

#navigation .left {
background:transparent url(./images/navigation_l.png) no-repeat scroll left top;
float:left;
height:41px;
width:5px;
}
#ie6 #navigation .left {
background:transparent none repeat scroll 0%;
}
#navigation .right {
background:transparent url(./images/navigation.png) no-repeat scroll right top;
float:left;
height:41px;
width:3px;
}
#navigation ul, #navigation ul li {
float:left;
font-size:13px;
line-height:38px;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#navigation ul {
background:transparent url(./images/navigation.png) repeat-x scroll 0pt -41px;
height:41px;
}
#navigation ul li a {
background:transparent url(./images/navigation_s.png) no-repeat scroll right top;
color:#CCCCCC;
display:block;
float:left;
height:41px;
padding:0pt 18px;
text-decoration:none;
}
#navigation ul li.selected a {
color:#FFFFFF;
}
#navigation ul li.last a {
background-image:none;
}
#navigation ul li a:hover {
color:#FFFFFF;
}
#content-wrapper {
}
#content {
}
.content_in{
padding:0px 28px 20px 28px;
font-size:14px;
line-height:140%;
margin:0px;
background-color:#FFFFFF;
color:#333333;
}

.content_in li{
font-size:16px;
}

.reco_left{
width:450px;
float:left;
line-height:180%;
}

.reco_right{
float:right;
}

.reco_left_2{
width:400px;
float:left;
}

.reco_center{
width:200px;
float:left;
}

.reco_right_2{
float:right;
}

.reco_standard{
font-size:14px;
margin:0px;
}

.clear{
clear:both;
}


.content_in h2{
font-size:24px;
margin-top:25px;
margin-bottom:15px;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
padding:7px;
}

.content_in .reco_standard h3{
font-size:18px;
border-left:8px solid #00A7D4;
margin:10px 0px 10px 0px;
}

.content_in h4{
font-size:24px;
font-weight:bold;
margin:10px 0px 10px 0px;
}


.content-top {
font-size:1px;
height:5px;
}
.content {
overflow:hidden;
padding:0pt 3px;
}
#content .content {
background:transparent url(../images/dot.png) repeat-y scroll 203px 0pt;
min-height:380px;
}
#home #content .content, #download #content .content, #demos #content .content {
background:transparent none repeat scroll 0%;
}
#ie6 #content .content {
height:380px;
overflow-y:visible;
}
.content-head {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
height:74px;
}
.content-head h3 {
color:#dd255a;
float:left;
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
font-size:29px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.5px;
line-height:30px;
margin:0pt;
padding:20px 0pt 20px 24px;
}
.content-head h3 span {
border-right:1px solid #CCCCCC;
padding-right:16px;
}
.content-head p {
float:left;
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.5px;
line-height:normal;
margin:0pt;
padding:28px 0pt 0pt 12px;
}
.themes {
background:transparent url(./images/themes_bg.png) repeat-x scroll 0pt -1px;
}
.layout-grid {
width:100%;
}
.layout-grid td {
vertical-align:top;
}
.layout-grid td.home {
background:transparent url(./images/home_bg.jpg) no-repeat scroll right top;
height:412px;
padding:0pt 600px 0pt 24px;
}
.layout-grid td.left-nav {
width:200px;
}
.layout-grid td.normal {
border-left:1px solid #CCCCCC;
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
padding:20px 24px;
}
.layout-grid td.demos {
background:transparent url(./images/demos_bg.jpg) no-repeat scroll 0%;
height:337px;
overflow:hidden;
}
.layout-grid td.download {
background:transparent url(./images/demos_bg.jpg) no-repeat scroll 0%;
height:337px;
}
.home h4 {
color:#00a7d4;
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
font-size:30px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.5px;
line-height:normal;
margin:0pt;
padding:17px 0pt 11px;
}
.home p.large {
color:#000000;
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.2px;
line-height:16px;
padding-bottom:15px;
}
.home p {
color:#333333;
font-family:'Trebuchet MS','Arial','Helvetica',sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin:0pt;
padding-bottom:14px;
}
.teaserbox {
left:452px;
position:absolute;
top:265px;
width:450px;
}
.teaserbox ul {
list-style-type:square;
}
.teaserbox p {
margin:5px;
padding:0px;
}
.teaserbox h4 {
color:#FFFFFF;
left:1px;
margin-bottom:0px;
position:relative;
top:1px;
}
.teaserbox h4 span {
color:#000000;
left:-1px;
position:absolute;
top:-1px;
}
.section {
border-bottom:1px dashed #CCCCCC;
padding:24px 23px 8px 22px;
}
ul.side-menu, ul.side-menu li, p.side-menu-title {
letter-spacing:0.75pt;
list-style-type:none;
margin:0pt;
padding:0pt;
}
ul.side-menu li a {
color:#000000;
font-family:'Arial','Helvetica',sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
ul.side-menu li a:hover {
color:#E87B10;
}
p.side-menu-title {
color:#E87B10;
font-family:'Arial','Helvetica',sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
ul.side-menu {
padding:5px 2px 0pt;
}
.normal h4, .normal h4 {
font-weight:normal;
margin:0pt;
}
.normal h4 {
padding:0pt 0pt 9px;
}
.normal h4 {
border-bottom:1px dashed #999999;
font-size:12px;
font-weight:bold;
padding-bottom:21px;
}
.normal .pull-quote {
font-size:12px;
line-height:20px;
padding:6px 0pt;
text-transform:uppercase;
}
.normal p {
font-size:12px;
}
td.download {
}
.download .click-to-download {
background:transparent url(./images/download-top.gif) no-repeat scroll left top;
float:left;
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
height:226px;
margin:61px 3px 0pt;
padding:0pt 19px;
position:relative;
width:270px;
}
.download .click-to-download .bg-footer, .download .click-to-download .bg {
background:transparent url(./images/download-bottom.png) no-repeat scroll left top;
bottom:0pt;
height:102px;
left:0pt;
position:absolute;
width:308px;
}
.download .click-to-download .bg {
background-position:left bottom;
}
.download .click-to-download h4 {
font-size:21px;
font-weight:normal;
margin:0pt;
padding:14px 0pt 10px;
}
.download .click-to-download h4 span {
font-size:10px;
}
.download .click-to-download p {
font-size:12px;
margin:0pt;
padding:12px 0pt 0pt;
}
.download .click-to-download a.download {
display:block;
font-size:16px;
font-weight:bold;
height:38px !important;
left:65px;
position:absolute;
top:136px;
width:240px;
}
.download .click-to-download a.download:link {
color:#333333;
text-decoration:none;
}
.download .click-to-download a.download:visited {
color:#333333;
text-decoration:none;
}
.download .builder {
font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
font-size:12px;
opacity:0;
position:absolute;
right:16px;
top:475px;
width:612px;
}
.download .builder h4 {
font-size:21px;
font-weight:normal;
margin:0pt;
padding:5px 10px 10px;
}
.download .builder p {
font-size:12px;
margin:0pt;
padding:0pt 0pt 0pt 12px;
}
.download .builder .top {
background-image:url(./images/builder_top.png);
height:8px;
}
.download .builder .bottom {
background-image:url(./images/builder_bottom.png);
height:8px;
}
.download .builder .content {
background-image:url(./images/builder_bg.png);
}
.download .p {
padding:5px 10px 10px;
}
.components-list {
font-size:12px;
}
.components-list table {
width:100%;
}
.components-list th, .components-list td {
padding:3px;
text-align:left;
vertical-align:middle !important;
}
.components-list th {
cursor:default;
line-height:22px;
padding:0pt 0pt 4px 2px;
}
.components-list label {
padding-left:5px;
}
.list-section {
background:#EAEAEA none repeat scroll 0%;
border-bottom:1px dashed #BBBBBB;
line-height:18px;
padding:10px;
width:715px;
}
.list-padding {
line-height:18px;
padding:5px;
}
.list-component {
background-color:#F4F4F4;
}
.list-component-selected {
font-weight:bold;
}
.text-bg-up, .text-bg-down {
background:#FFFFFF url(./images/text-bg-up.gif) repeat-x scroll 0px;
}
.text-bg-down {
background:#FFFFFF url(./images/text-bg-down.gif) repeat-x scroll 0pt 50% !important;
}
.ui-transparent {
opacity:0;
}
.text-align-right {
text-align:right !important;
}
.text-align-left {
text-align:left !important;
}
.text-align-center {
text-align:center !important;
}
.label-files {
background:transparent url(./images/group.png) no-repeat scroll 0%;
cursor:pointer;
line-height:20px;
padding-left:19px;
}
.download #total-size {
margin-left:90px;
text-align:right;
width:160px;
}
.big {
font-size:13px;
font-weight:bold;
}
.title-big {
font-size:14px;
font-weight:bold;
letter-spacing:0.3px;
}
#launch-pad {

height:127px;
overflow:hidden;

}
#launch-pad .launch-pad-button {
cursor:pointer;
float:left;
height:106px;
margin:0pt 6px;
padding:21px 10px 0pt 23px;
position:relative;
width:255px;
}
#ie6 #launch-pad .launch-pad-button {
height:106px;
}
#launch-pad .launch-pad-button .bg {
height:127px;
left:0pt;
position:absolute;
top:0pt;
width:310px;
}
#launch-pad .launch-pad-button h4, #launch-pad .launch-pad-button p {
position:relative;
}
#launch-pad .launch-pad-button.left {
margin-left:0pt;
}
#launch-pad .launch-pad-button.right {
margin-right:0pt;
}
#launch-pad .launch-pad-button h4 {
color:#00a7d4;
font-family:'Arial','Helvetica',sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.8px;
line-height:normal;
margin:0pt;
padding:0pt 0pt 4px;
}
#launch-pad .launch-pad-button h4 a, #launch-pad .launch-pad-button h4 a:hover {
color:#00a7d4;
text-decoration:none;
}
#launch-pad .launch-pad-button p {
color:#CBCBCB;
font-family:'Arial','Helvetica',sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2px;
line-height:15px;
margin:0pt;
padding:0pt 2px;
}
#footer {
height:45px;
padding:10px 0pt;
position:relative;
}
#footer .inner {
position:relative;
z-index:2;
}
#ie6 #footer .inner {
}
#footer .bg {
height:65px;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:1;
}
#ie6 #footer .bg {
background:transparent none repeat scroll 0%;
}
#footer p {
color:#5E5E5E;
font-family:'Arial','Helvetica',sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:0pt;
}
#footer p a {
color:#BBBBBB;
}
#footer span.first {
display:block;
float:left;
padding:6px 0pt 0pt 16px;
}
#footer .block {
display:block;
float:left;
}
#footer .block span, #footer span.empty {
display:none;
}
#footer .liferay {
background:transparent url(./images/icon_liferay.gif) repeat scroll 0%;
border:0pt none;
height:22px;
margin:3px 22px 0px 3px;
width:98px;
}
#footer .adobe {
background:transparent url(./images/icon_adobe.png) repeat scroll 0%;
height:28px;
margin:2px 0pt 0pt;
width:28px;
}
div.demoflow-button-left {
background:transparent url(./images/demos_arrows.png) no-repeat scroll left top;
cursor:pointer;
height:45px;
left:-3px;
position:absolute;
top:371px;
width:52px;
z-index:999;
}
div.demoflow-button-left .bg {
background:transparent url(./images/demos_arrows.png) no-repeat scroll left bottom;
height:45px;
left:0pt;
position:absolute;
top:0pt;
width:52px;
}
div.demoflow-button-right {
background:transparent url(./images/demos_arrows.png) no-repeat scroll right top;
cursor:pointer;
height:45px;
position:absolute;
right:-4px;
top:371px;
width:52px;
z-index:999;
}
div.demoflow-button-right .bg {
background:transparent url(./images/demos_arrows.png) no-repeat scroll right bottom;
height:45px;
left:0pt;
position:absolute;
top:0pt;
width:52px;
}
.demoflow {
height:337px;
left:0pt;
position:relative;
top:22px;
width:950px;
}
.demoflow div {
cursor:pointer;
float:left;
height:100px;
width:75px;
}
.ie .demoflow div {
}
.demoflow div {
border:1px solid #666666;
}
.demoflow div:hover {
border:1px solid #666666;
}
.demoflow div img {
height:100%;
width:100%;
}
.demoflow div.shadow {
background-color:black;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
}
.ie .demoflow div.shadow {
display:none;
}
#links {
float:left;
font-size:13px;
width:155px;
}
#functional ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#functional #links ul {
line-height:1.2em;
margin-top:10px;
}
#functional #links ul li a {
border-bottom:1px solid #F4F4F4;
color:#000000;
display:block;
font-size:95%;
height:15px;
padding:3px 3px 3px 12px;
text-decoration:none;
}
#functional #links ul li a:hover, #functional #links ul li a:focus {
background:#EAEAEA none repeat scroll 0%;
border-color:#BBBBBB;
}
div.about ul {
list-style-type:square;
margin-bottom:50px;
}
div.about ul li h5 {
font-size:16px;
margin-bottom:10px;
}
div.about ul li a:link, div.about ul li a:visited {
color:#666666;
text-decoration:none;
}
div.about ul li a:hover {
color:#000000;
}
div.about ul li p {
padding-left:20px;
padding-right:40px;
}
.content_in h3 {
color:#DD255A;
font-size:18px;
margin:0px 0px 3px;
padding:0px 0px;
}
.blue {
color:#00a7d4;
}
.sp20 {
margin-bottom:20px !important;
}
.right {
float:right;
}

.recotable {
border:1px solid #DDDDDD;
border-collapse:collapse;
border-spacing:0;
text-align:left;
width:65%;
}

.recotable th {
background-color:#DDDDDD;
border:1px solid #999999;
font-weight:normal;
padding:0.3em;
text-align:center;
font-weight:bold;
}

.recotable td {
background-color:#FFF;
border:1px solid #ccc;
padding:0.1em 0.5em;
text-align:center;

}

.recotable {
color:#333;
}

.form_standard {
padding:10px;
}

.wForm .actions {
text-align:center;
margin-bottom:0px;
}
.preField {
font-weight:bold;
}

.q_title{
width:100px;
float:left;
font-weight:bold;
line-height:200%;
}

.q_title2{
width:240px;
font-weight:bold;
line-height:200%;
}

#midashi{
margin-top:20px;
}

#midashi2{
margin-top:20px;
background:url(../img_2m/img_2m_bg.gif) no-repeat;
padding:10px;
}

#midashi #midashi_left{
float:left;
width:740px;
}

#midashi #midashi_right{
float:right;
width:156px;
}

#midashi2 #midashi_left{
float:left;
width:490px;
}

#midashi2 .midashi_left2{
float:left;
width:112px;
}

#midashi2 #midashi_right{
float:right;
width:270px;
line-height:150%;
}


#midashi_right h4{
color:#DD255A;
}

#hearing{
padding:0px 10px;
border:2px solid #ccc;
}

#hearing h5{
font-size:14px;
font-weight:bold;
color:#DD255A;
margin:2px 0px;
}

.hearing_in{
background-color:#DDDDDD;
margin:10px 0px;
}

#hearing .labelsLeftAligned hintsSide .wForm form{
margin:0px;
}

.small_font{
font-size:12px;
}

.wine {
color:#DD255A;
}

.thanks_banner{
width:215px;
margin-right:6px;
float:left;
}

.thanks_banner2{
width:215px;
float:left;
}

.hearing_name{
float:left; font-weight:bold;
}


#material1,#material2{
margin-top:15px;
float:left;
margin-right:15px;
width:350px;
}

#material2{
margin-right:0px;
}

#material1 ul,#material2 ul,#material1 li,#material2 li{
list-style:none;
margin-left:0px;
padding:0px;
}

#material1 li,#material2 li{
margin-left:0px;
line-height:150%;
font-size:14px;
}