/* //////////////////////////////////////////////////////////////////////////////////

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;

}

H4

{

font : bold 18px Verdana, Arial, sans-serif; 

color : #f73;

background-color : transparent;

text-align : left;

margin : 0px;

}

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 : black;

background-color : white;

/*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;

}