/* Fonts ------------------------------ */

.font1
{
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font2
{
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font3
{
    font-weight: bold;
    font-size: 10pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font4
{
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font5
{
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
    font: 9pt/14px Arial, Helvetica, sans-serif;
}

.font6
{
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font7
{
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #00AD12;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font8
{
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #D21B1B;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
}

.font9
{
    text-transform: none;
    color: #000000;
    text-decoration: none;
    font: bold 9pt/12pt Arial, Helvetica, sans-serif;
}

/* ------------------------------------ */


/* Links ------------------------------ */

a.link1:link 	    { vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link1:visited     { vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}
a.link1:hover 	    { vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: underline;}
a.link1:active 	    { vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none;}

a.link2:link 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link2:visited     { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link2:hover 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}
a.link2:active 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}

a.link3:link 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #1E3464; text-decoration: underline;}
a.link3:visited     { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #1E3464; text-decoration: underline;}
a.link3:hover 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #3A95D1; text-decoration: underline;}
a.link3:active 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #1E3464; text-decoration: underline;}

a.link4:link 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link4:visited     { font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a.link4:hover 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: underline;}
a.link4:active 	    { font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}

a.link5:link 	    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #1E3464; text-decoration: underline;}
a.link5:visited     { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #1E3464; text-decoration: underline;}
a.link5:hover 	    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #3A95D1; text-decoration: underline;}
a.link5:active 	    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #1E3464; text-decoration: underline;}

/* ------------------------------------ */


/* Backgrounds ------------------------ */

.bg_topleft
{
    background-image: url(images/demolinks_top_left.jpg);
    background-repeat: no-repeat;
}

.bg_topmiddle
{
    background-image: url(images/banner_top_middle.jpg);
    background-repeat: no-repeat;
}

.bg_topright
{
    background-image: url(images/square_top_right.jpg);
    background-repeat: no-repeat;
}

.bg_middleleft
{
    background-image: url(images/customercomment_middle_left.jpg);
    background-repeat: no-repeat;
}

.bg_bottomleft
{
    background-image: url(images/news_bottom_left.jpg);
    background-repeat: no-repeat;
}

.bg_main
{
    background-image: url(images/main.jpg);
    background-repeat: no-repeat;
}

.bg_demos
{
    background-image: url(images/demo_bg.jpg);
    background-repeat: no-repeat;
}

.bg_adminlogin
{
    background-image: url(images/admin_loginbg.jpg);
    background-repeat: no-repeat;
}

.bg_colour1
{
    background-color: #3A95D1;
}

.bg_colour2
{
    background-color: #1E3464;
}
.bg_colour3
{
    background-color: #FFFFFF;
}
.bg_colour4
{
    background-color: #EAEAEA;
}

.demo_button_white
{
    background-image: url(images/demo_button_01.jpg);
    background-repeat: no-repeat;
    padding-left: 4px;
}

.demo_button_lightblue
{
    background-image: url(images/demo_button_02.jpg);
    background-repeat: no-repeat;
    padding-left: 4px;
    
}

.arrow_1
{
    background-image: url(images/arrow_white.jpg);
    background-repeat: no-repeat;
    padding-left: 4px;
}

.arrow_2
{
    background-image: url(images/arrow_blue.jpg);
    background-repeat: no-repeat;
    padding-left: 4px;   
}

.bg_admin_nav
{
    background-image: url(images/admin_nav.jpg);
    background-repeat: no-repeat;
}

.bg_admin_main
{
    background-image: url(images/admin_main.jpg);
    background-repeat: no-repeat;
}
p { margin:0; padding:0; padding-top:5px; padding-bottom:5px; line-height:16px; }

/* ------------------------------------ */

/* div layers ------------------------- */
.layer1
{
    position: static;
    width: 741px;
    height: 219px;
    overflow: auto;
    border: 1px solid #F5F6F6;
    background-color: #F5F6F6;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.layer2
{
    position: static;
    width: 751px;
    height: 229px;
    overflow: auto;
    border: 1px solid #F5F6F6;
    background-color: #F5F6F6;
}

.layer3
{
    position: static;
    width: 750px;
    height: 390px;
    overflow: auto;
    border: 1px solid #3A95D1;
    background-color: #FFFFFF;
}
/* ------------------------------------ */
.myscroller 
{
position:static;
width:190px; 
height:170px;
/*background-color:#ffffcc;*/
/*overflow:hidden;*/
border:solid 1px;
}

.colour1
{
    color:#3A95D1;
}

.CommentOverflow
{
    height:90px;
    width:188px;
    overflow:hidden;
}
.ClientLogoCell
{
    border-right: #3A95D1 3px solid;
    border-top: #3A95D1 3px solid;
    border-left: #3A95D1 3px solid;
    border-bottom: #3A95D1 3px solid;
    background-color: #FFFFFF;
}

.demo_popup_layer {
	position:absolute;
	visibility: hidden;
	z-index: 6;
	background-color: #0072BC;
	width: 206px;
	height: 122px;
	top: 13px;
	left: 26px;
}
.DemoTextCell
{
    text-align:left;
    vertical-align:top;
    padding-left:5px;
    padding-top:14px;
    padding-bottom:14px;
    padding-right:5px
}
.DemoImgCell
{
    text-align:left;
    vertical-align:top;
    padding-top:14px;
    padding-bottom:14px
}
.Padding1
{
    padding-right: 5px;
    padding-left: 5px;
}
.BeaverbrooksShpFrt
{
    padding-left: 10px;
    padding-bottom: 10px;
}
/* ----- Demo and Admin Menu Menu ----- */

#nav-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-menu li
{
    margin-bottom:5px;
}

#nav-menu li a, #nav-menu li a:visited, #nav-menu li a:active
{
    background-image: url(images/demo_button_01.jpg);
    background-repeat: no-repeat;
    width:183px;
    height:18px;
    display:block;
    text-align:left;
    padding-top:2px;
    padding-left:5px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}

#nav-menu li a:hover
{
    background-image: url(images/demo_button_02.jpg);
    background-repeat: no-repeat;
    width:183px;
    height:18px;
    display:block;
    text-align:left;
    padding-top:2px;
    padding-left:5px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: underline;
}

/* --------------------- */