body {
	background-color:white;
	color:555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
    }
a{
	color:#555555;
	text-decoration:none;
	font-weight:bold;
}

a:hover{text-decoration:underline;color:red;}

.Topics 
{
    font-size:11px;
    background-color: #FAFAFA;
    border: 1px solid #FF9900;
    border-style: dotted;
    margin-bottom:5px;
    padding: 5px;
}
.Topics b 
{
    font-size:12px;
    color:black;
}

.Headline 
{ position:absolute;
  top:100px;
  font-size:90px;
  color:#DDDDDD;
  visibility:hidden;
}

.Breadcrumb { color:#555555;}
.Breadcrumb A{ color:#555555;}

#MasterDiv {
	width:760px;
}

#Title{
	position:absolute;
	color: #EE5000;
	font-weight : normal;
	}

#Title a{
	color: #EE5000;
	font-style:normal;
	text-decoration:none;
	}

#LogoText{
		font-size: 25px;
}

#MenuX {position:absolute; padding-top:10px; right:0px;
     }

#Menu {padding-top:10px; width:100%; text-align:right;
     }

#LanguageBar {
	font-size:x-small;
	padding-right:10px;
}

#LanguageBar a {
		color:black;
		text-decoration:none;
}
#LanguageBar a:hover {
	text-decoration:underline;
}


#SmallMenu {
	font-size:x-small;
	padding-right:10px;
}

#SmallMenu a {
		color:black;
		text-decoration:none;
}

#SmallMenu a:hover {
	text-decoration:underline;
}
#TopPart {
	padding-top:10px;
}

#TopLeft {
	background-image:url('images/top.gif');
	position: absolute;
	height:104px;
	width:512px;
	padding-top:55px;
	padding-left:55px;
	color:white;
	font-weight:bold;
	font-size:medium;
}

#MenuRight {
	position:absolute;
	left:577px;
}

#MenuRight a{
	background-image: url('images/menu_off.jpg');
	height:25px;
	width:170px;
	padding-left:25px;
	padding-top:7px;
	color:white;
	display:block;
	text-decoration:none;
}

#MenuRight a:hover{
	background-image:url('images/menu_on.jpg');
}

#MainPart {
	padding-top:159px;
}

.SiteSection {
	margin-top:10px;
	margin-left:1px;
	border:1px #CCCCCC solid;
	padding:3px;
	background-color:#EEEEEE;
	font-weight:bold;
	font-variant:small-caps;
	font-size:small;
}

.MainSection {
	margin-top:10px;
	margin-left:1px;
	border:1px #CCCCCC solid;
	padding:10px;
	background-color:#FFFFFF;
}

.SubMenu {
	font-variant:normal;
	font-weight:normal;
	color:gray;
}

.SubMenu a{
	color:gray;
	text-decoration:none;
}

.SubMenu a:hover{
	text-decoration:underline;
}

.News {
	position:relative;
	width:200px;
	font-size:x-small;
	margin-bottom:5px;
}
.NewsHead 
{
	color:#FF9900;
	font-size:larger;
	font-weight:bold;
}

.NewsHead_old {
	margin-left:-8px;
	padding-left:2px;
	color:black;
	border-top:1px #DDDDDD solid;
	border-left:1px #DDDDDD solid;
	border-right:1px #DDDDDD solid;
	background-color:#EEEEEE;
}

.NewsBody {
	border-right:1px #DDDDDD solid;
	border-bottom:1px #DDDDDD solid;
	border-left:1px #DDDDDD solid;
	margin-left:-8px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
}

.NewsBody a{
	color:red;
	text-decoration:none;
	font-weight:bold;
}

.NewsBody a:href{
	color:red;
	text-decoration:underline;
}

#MainLeft {
 position:absolute;
}

#MainRight {
	margin-left:230px;
	position:relative;
}

#MainRight hr{
	border: 5px #DDDDDD dotted;
}

.EyeCatch{
	color:red;
	font-weight:bold;	
	font-size:medium;

}

#Footer {
	font-size:x-small;
	color:black;
	text-align:center;
	padding:3px;
}

.redtext 
{
    color:Red;
}

.textbox {font-size:small;border:solid 1px silver}

.ProductTitle 
{
    font-size:x-large;
    color:#555555;
}
.ProductSubTitle 
{
	font-size:small;
	padding-left:80px;
	font-style:italic;
}

.ProductDescription 
{
    font-size:small;
    color:#000000;
    padding-left:50px;
    padding-right:50px;
}
    
.ProductBenefits 
{
    background-color:#f5f5f5;
    padding:10px;
    margin:20px;
    text-align:left;
    width:350px;
}

.Cite 
{
    font-weight:bold;
    padding:10px;
    text-align:center;
    width:350px;
    margin:10px;
    }
    
.Pricebox
{
    font-weight:bold;
    padding:10px;
    text-align:left;
    border-color:Red;
    border-style:dashed;
    border-width:3px;
    margin:10px;
    width:350px;
}

.DownloadHead
{
	text-align:left;
	font-weight:bold;
    width:390px;
}

.DownloadBody
{
	text-align:left;
    width:370px;
}

.Trainingbox
{
    font-weight:normal;
    padding:10px;
    text-align:left;
    border-color:Silver;
    border-style:solid;
    border-width:1px;
    margin:10px;
    margin-left:50px;
    width:450px;
}

.downloadbox 
{
	text-align:left;
}

    /* User Management CSS */
       .title {
 background: url('images/top-mid.png') repeat-x;
 color: White;
 font-weight: bold;
 text-align: center;
}
        .modalPopUpBackground
        {
            background-color: white;
            opacity: 0.6;
            filter: alpha(opacity=60);
        }
        .modalPopUp
        {
            background-color: #ffffdd;
            border-width: 3px;
            border-style: solid;
            border-color: Gray;
            padding: 5px;
        }
        .popUpTitle
        {
            font-weight: bold;
            text-align: center;
        }
        .dialog
        {
        }
.body 
{
}
        .body .outer
        {
            background: url('images/right.png') right repeat-y;
            padding-right: 7px;
        }
        body .inner
        {
            background: url('images/left.png') left repeat-y;
            padding-left: 7px;
        }
        .body .content .footer
        {
            /* footer image is 41 pixels tall */
            background: url('images/footer.gif') repeat-x bottom;
            height: 41px;
        }
        .body .content .footer .commands
        {
            text-align: right;
            padding: 8px;
        }
        .body .content .footer .commands INPUT
        {
            /* keep the buttons a consistent size */
            width: 75px;
        }
        /* dialog footer styles */.footer
        {
        }
        /* table level rules */.grid
        {
            font-family: tahoma;
            font-size: 11px;
            border: solid 0px #7f7f7f;
            border-bottom-width: 1px;
            border-collapse: collapse;
            color: #333333;
            width: 100%;
        }
        /* header column rules */.grid th
        {
            background: url('images/sprite.png') repeat-x 0px 0px;
            border-color: #989898 #cbcbcb #989898 #989898;
            border-style: solid solid solid none;
            border-width: 1px 1px 1px medium;
            color: #000;
            padding: 4px 5px 4px 10px;
            vertical-align: bottom;
            text-align: left;
        }
        .grid th a
        {
            color: #333333;
            font-weight: bold;
            text-decoration: none;
            display: block;
            padding-right: 10px;
        }
        /* data cell and data row rules */.grid td
        {
            color: #333333;
            padding: 4px 10px 4px 10px;
            border-bottom: solid 1px #BBD9EE;
        }
        .grid .altrow
        {
            background-color: #EBF4FA;
        }
        .grid .row
        {
            background-color: #fff;
        }
        .grid .rownum
        {
            width: 15px;
            text-align: center;
            padding-left: 0px;
            font-weight: bold;
            color: #333333;
        }
        /* group header */.grid .group span
        {
            padding: 10px 0px 2px 0px;
            color: #666666;
            text-align: left;
            font-size: 13px;
            font-weight: bold;
            cursor: pointer;
        }
        .grid .group img
        {
            cursor: pointer;
        }
        /* header styles */.header
        {
            position: relative;
            color: #fff;
            cursor: move; /* So the user knows they can drag the panel */
        }
        .header .outer
        {
            background: url('images/top-right.png') right no-repeat;
            padding-right: 40px;
        }
        .header .inner
        {
            background: url('images/top-left.png') left no-repeat;
            padding-left: 9px;
        }
        .header .content
        {
            height: 35px;
            background: url('images/top-mid.png') repeat-x;
        }
        .header .content H2
        {
            font-size: 12pt;
            font-weight: bold;
            color: #fff;
            padding-top: 6px;
            margin: 0;
        }
        .header .close
        {
            /* the image is 35x35 pixels wide */
            height: 25px;
            width: 35px; /* position the image */
            position: absolute;
            top: 4px;
            right: 7px;
            background: url('images/close.png') no-repeat;
            cursor: pointer;
        }
        .header .close:hover
        {
            /* set the hover image */
            background: url('images/close-hover.png') no-repeat;
        }

        .footer .outer
        {
            background: url('images/bottom-right.png') right top no-repeat;
            padding-right: 9px;
        }
        .footer .inner
        {
            background: url('images/bottom-left.png') left top no-repeat;
            padding-left: 9px;
        }
        .footer .content
        {
            height: 7px;
            background: url('images/bottom-mid.png') repeat-x;
        }
/* D&D contols CSS styles */
.widget_header
    {
        width: 100%;
        padding-top: 0.1em;
        padding-bottom: 0.1em;
        margin: 0em;
        font-size: 100%;
        font-weight: normal;
        cursor: move;
        background-color: #f0f0f0;
    }
    .widget
    {
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 1em;
        background-color: white;
    }
    .widget_dropcue
    {
        border: dashed 1px gray;
        display: none;
        margin-bottom: 1em;
    }
  
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Tahoma; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 text-align: left;
 width: 10em;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* extra style for applying css via CssClass attribute */

.boldbuttonLeft {
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 13px Tahoma; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */


}

.boldbuttonRight{
  color: white; /*button text color*/

  
background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 text-align: left;
 width: 10em;
 text-decoration: none;
 
}

.boldbuttonRight:hover {
 text-decoration: underline;
}