/* //////////////////////////////////////////////////////////////////////////////////
Standard styles
/////////////////////////////////////////////////////////////////////////////////// */
BODY 
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-color : white;
margin : 0px;
padding: 0px;
z-index : 1;
background-image : url(images/bluetile.gif);
}

TABLE
{
/*table-layout: fixed;*/
margin : 0px;
padding : 0px;
width : 100%;
}

TR
{
margin : 0px;
/*padding : 0px;*/
width : 100%;
}

TD
{
empty-cells : show;
}

PRE
{
font-size : 11px;
font-family : Verdana, Arial, sans-serif;
}

A
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
text-decoration : none;
}

A:hover 
{
text-decoration : underline;
}

IMG
{
color : white;
background-color : transparent;
border-style : none;
}

FORM
{
margin : 0px;
}

H1
{
font : bold 24px Verdana, Arial, sans-serif; 
color : #f73;
background-color : transparent;
text-align : left;
margin : 0px;
}

H2
{
font : bold 14px Verdana, Arial, sans-serif;
font-weight : 900;
margin : 0px;
padding : 0px;
}

H3
{
border : 2px solid #807FFE;
font: bold 12px Verdana, Arial, sans-serif;
color : black;
background-color : transparent;
padding-left : 2px;
margin-top : 0px;
margin-bottom : 10px;
background-color : white;
}

UL
{
margin : 10px 0px 10px 15px;
padding : 0px;
}


OBJECT
{
z-index : 20;
}

LEGEND
{
color : black;
}

FIELDSET
{
border : 1px solid #888888;
}


/* ////////////////////////////////////////////////////////////////////////////////// 
Main classes
/////////////////////////////////////////////////////////////////////////////////// */
.corner-image
{
padding : 0px;
margin : 20px 20px 20px 20px;
position : absolute;
border : 2px solid #8996CA;
}

.index-image
{
border : 2px solid #8996CA;
padding : 0px;
}


.top
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-repeat : no-repeat;
background-color : transparent;
margin : 0px;
padding : 0px;
width : 915px;
height : 80px;
position : absolute;
z-index : 12;
}

.side
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-repeat : no-repeat;
background-color : transparent;
margin-left : 0px;
margin-top : 100px;
width : 219px;
height : 503px;
position : absolute;
z-index : 12;
}

.main
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-repeat : no-repeat;
background-color : transparent;
margin-left : 219px;
margin-top : 110px;
width : 718px;
height : 500px;
position : absolute;
z-index : 12;
}

.main-flash
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-repeat : no-repeat;
background-color : transparent;
margin-left : 219px;
margin-top : 110px;
width : 820px;
height : 500px;
position : absolute;
z-index : 12;
}

.centre
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-repeat : no-repeat;
background-color : transparent;
margin : 100px 0px 0px 219px;
width : 420px;
height : 500px;
position : absolute;
z-index : 12;
}

.right
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
background-color : transparent;
background-repeat : no-repeat;
margin-left : 639px;
margin-top : 100px;
width : 303px;
height : 500px;
position : absolute;
z-index : 12;
}

.date
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
border : 2px solid #8996CA;
background-color : #C5CDE2;
margin-left : 762px;
margin-top : 53px;
width : 165px;
height : 15px;
position : absolute;
z-index : 13;
text-align : center;
vertical-align : middle;
}

.topmenu
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
color : black;
margin-left : 280px;
margin-top : 55px;
position : absolute;
z-index : 13;
font-weight: bold;
}

.copyright
{
font-size : 8pt;
text-align : center;
margin : 0px;
padding : 0px;
}


/* ///////////////////////////////////////////////////////////////////////////////
minor style modifiers
////////////////////////////////////////////////////////////////////////////// */
.spaced-table
{
border-spacing : 5px;
}

.collapsed-table
{
border-collapse : collapse;
}

.black-box
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border : 1px solid black;
background-color : white;
margin : 0px;
padding : 0px;
}

.box
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border : 2px solid #8996CA;
background-color : white;
margin : 0px;
padding : 5px 10px 10px 10px;
}

.box-left
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border : 2px solid #8996CA;
background-color : white;
margin : 0px;
padding : 5px 10px 10px 10px;
width : 420px;
}

.box-right
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border : 2px solid #8996CA;
background-color : white;
margin : 0px;
padding : 0px;
}

.box-bottom
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border : 2px solid #8996CA;
border-top : none;
background-color : white;
margin : 0px;
padding : 5px 10px 10px 10px;
}

.small-box
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border : 2px solid #8996CA;
background-color : white;
margin : 0px;
padding : 5px 10px 10px 10px;
width : 100px;
text-align : center;
}

.dividing-line
{
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
border-top : 2px solid #8996CA;
background-color : white;
margin : 0px;
padding : 0px;
}

.b
{
font-weight : bold;
}

.no-margin
{
margin : 0px;
padding : 0px;
}

.no-margin-b
{
font-weight : bold;
margin : 0px;
padding : 0px;
}

.small-margin
{
padding-left : 50px;
}

.black-border
{
border : 1px solid black;
}

.row-headings
{
padding : 5px 0px 5px 0px;
font-weight : bold;
width : 150px;
vertical-align : top;
}

.small-column
{
width : 100px;
text-align : center;
}

.medium-column
{
width : 150px;
}

.padded-row
{
padding : 5px 0px 5px 0px;
vertical-align : top;
}

.padded-sides
{
padding : 0px 10px 0px 10px;
margin : 10px 0px 10px 0px;
}

.align-top
{
vertical-align : top;
}

.centered
{
text-align : center;
}

.black-link
{
color : black;
}

.red-link
{
color : red;
font-weight : bold;
}

.wide-text
{
width : 300px;
}

.thin-text
{
width : 50px;
}

.spaced-lines
{
line-height : 150%;
}

.little-text
{
font-size : 9px;
font-family : Verdana, Arial, sans-serif;
text-decoration : none;
vertical-align : top;
}


/* ///////////////////////////////////////////////////////////////////////////////
unique styles
////////////////////////////////////////////////////////////////////////////// */
#do-you-need
{
font-weight : bold;
color : white;
background-color : blue;
background-image : url(images/blue_money.jpg);
z-index: 12;
font-family : verdana,arial,helvetica; 
font-size : 11px;
border-collapse : collapse;
margin : 0px;
padding : 5px;
line-height : 150%;
}

#animated-gif
{
font-weight : bold;
color : white;
background-color : #C5CDE2;
z-index: 12;
text-align : center;
border-top : 2px solid #8996CA;
margin : 0px;
}

#register-for-demo
{
background-color : #C5CDE2;
z-index: 12;
text-align : center;
vertical-align : middle;
padding : 2px;
margin : 0px;
}

#view-online-demo
{
background-color : #C5CDE2;
z-index: 12;
text-align : center;
vertical-align : middle;
padding : 2px;
margin : 0px;
}

#now-you-can
{
z-index: 12;
background-repeat: no-repeat;
text-align: center;
background-image : url(images/litemodules.jpg);
padding : 0px;
margin : 0px;
background-color : transparent;
border-top : 2px solid #8996CA;
width : 272px;
height : 111px;
}

#now-you-can-hidden
{
z-index: 12;
width : 272px;
height : 111px;
background-color : transparent;
text-align: center;
display : block;
padding : 0px;
margin : 0px;
}

#opportunity
{
z-index: 12;
background-color : #C5CDE2;
border-top : 2px solid #8996CA;
margin : 0px;
padding : 5px;
}


/* //////////////////////////////////////////////////////////////////////////////////
menu styles
//////////////////////////////////////////////////////////////////////////////// */
.menubar
{
position : absolute;
background-color: transparent;
visibility : hidden;
width : 10px;
height : 10px;
}

.menudisplay0
{
position : absolute;
background-color : transparent;
color : black;
padding : 2px; 
font-family : verdana,arial,helvetica; 
font-size : 12px; 
font-weight : bold;
}

.menuover0
{
position : absolute;
background-color : #807FFE;
color : Yellow;
padding : 2px; 
font-family : verdana,arial,helvetica; 
font-size : 12px; 
font-weight : bold;
}

.menudisplay1
{
position : absolute;
background-color : #CDDBFF;
color : black;
padding : 2px; 
font-family : verdana,arial,helvetica; 
font-size : 11px;
}

.menuover1
{
position : absolute;
background-color : #807FFE;
color : Yellow;
padding : 2px; 
font-family : verdana,arial,helvetica; 
font-size : 11px; 
}

.menudisplay2
{
position : absolute;
background-color : #009999;
color : white;
padding : 2px; 
font-family : verdana,arial,helvetica; 
font-size : 10pt; 
font-weight : bold;
}

.menuover2
{
position : absolute;
background-color : #0099cc;
color : Yellow;
padding : 2px; 
font-family : verdana,arial,helvetica; 
font-size : 10pt; 
font-weight : bold;
}

.menuborder1
{
position : absolute;
visibility : hidden;
background-color : #807FFE;
}

.menuborder2
{
position : absolute;
visibility : hidden;
background-color : black;
}

.clCMEvent
{
position:absolute; 
width:99%; 
height:99%; 
/*clip:rect(0%,100%,100%,0%); */
left:0; 
top:0; 
visibility:visible 
}

.clCMAbs
{
position:absolute; 
visibility:hidden; 
left:0; 
top:0
}


#sidemenu
{
color : black;
background-color : transparent;
text-align : left;
width : 170px;
height : 255px;
position : absolute;
z-index : 11;
}