/*----------------------------------------------------------
SIMEGO MAIN CSS
----------------------------------------------------------*/

/* SET MAIN PROPERTIES   
------------------------------------------*/
html, body
{
    color: #464646;
	font-family: Helvetica, Arial;
	font-size: 13px;
}

body 
{
	letter-spacing: 0px;
	margin: 0 auto;
	width: 960px;
	padding: 0;
	background: #FFF;
	line-height:18px;
}

form
{
    margin: 0;
    padding: 0;
}

a
{
	text-decoration: none;
	color: #0087e5;
}

a:hover
{
	text-decoration: underline;
	border-bottom: none;
}

a img
{
	border: none;
}

img.left
{
	float: left;
	margin: 0 0px 0 0;
}

img.right
{
	float: right;
	margin: 0 0 0 0px;
}

p
{
	font-size: 13px;
}

div
{
    margin: 0;
    padding: 0;
}

fieldset
{
    padding: 0 10px 5px 10px;
}

legend
{
    margin-bottom: 10px;
}

input[type="button"], input[type="submit"], a.button
{
    background: #4c5b61 !important;
    border: 1px solid #999 !important;
    margin: 0 1px 4px 1px !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 13px !important;
    float: left;
    font-family: Arial, Verdana;
    padding: 2px 8px 2px 8px !important;
}

a.button
{
    padding: 1px 8px 1px 8px !important;
    cursor: default !important;
}

a.button:hover
{
    text-decoration: none;
}

a.button:active
{
    padding: 2px 7px 0 9px !important;
}


/* HEADINGS   
------------------------------------------*/
h1{font-size:18px;}	
h2{font-size:15px;}	
h3{font-size:15px;}	

h1
{
    padding: 0 0 10px 0;
    margin: 0;
}
h2
{
    padding: 0 0 0 0;
}
h3 
{
    color: #000;
}
h4
{
    font-size: 15px !important;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
------------------------------------------*/
#content
{
    width: 960px !important;
    padding: 0;
    padding-bottom: 0;
    margin:0 auto;
    background: url(images/page-bg.png) repeat-y;
    clear: both;
}

#page-bg-top
{
    background: url(images/page-bg-top-2.png) no-repeat left top;
    width:960px;
    height:8px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom: 0;
    _margin-bottom: -9px;
    padding: 0;
    clear: both;
}

#page-bg-btm
{
    background: url(images/page-bg-btm-2.png) no-repeat left top;
    _background: url(images/page-bg-btm-2.jpg) no-repeat left top;
    width:960px;
    height:8px;
    margin:0 auto;
    margin-bottom: -3px;
    *margin-bottom:5px;
}

#header
{
	width: 960px;
	margin: 0 auto;
	height: 80px;
	padding-top: 0px !important;
	background: #FFF url(images/header-IE6.jpg) no-repeat left bottom;
}

#main
{
    /*padding: 5px 15px 15px 15px;*/
    width: 960px !important;
    padding: 0;
    margin: 0;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    
}

#main div
{
    padding-bottom: 10px;
}

#main H1
{	
	font-weight: bold;	
	font-size: 18px !important;	
	color: #333;	
	border-bottom: #333 1px solid; 
}

.h1
{
	font-weight: bold;	
	font-size: 18px !important;	
	margin-bottom: 10px !important;	
	color: #333;	
	border-bottom: #333 1px solid;
	padding: 0 0 10px 0 !important; 
}
    

#main H2
{	
	padding-top: 20px;
	font-weight: bold;	
	font-size: 15px;	
	margin-bottom: 15px;	
	color: #333;	
}

#main H3
{	
    color: #333;	
}
#main H4
{	
	color: #5684cc;		
}

#mainBody
{
	padding: 15px 15px 20px 15px !important; 
	margin: 0;
}

#mainBody2
{
	padding: 15px 15px 20px 15px !important; 
	margin: 0;
}

#mainBody IMG
{
	border-width: 0px;
}

#mainBody2 IMG
{
	border-width: 0px;
}

#mainBody2 A
{
	color: #333;
}

#mainBody2 H3
{
	color: #c20000;
}

.mainBodySplit
{    
    background: url('Images/SplitFadeBG.jpg') !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
}

#footer
{
    color: #999;
    padding: 2px 0;
    line-height: normal;
    margin: 6px 0;
    font-size: 11px;
    padding-bottom: 30px;
}

#footer a
{
    color: #999;
}

#footerRight
{
    float: right;
    margin-right: 6px;
}

#footerLeft
{
    float: left;
    margin-left: 6px;
}


/* TWITTER   
------------------------------------------*/
#twtr-widget-1
{
    border-top: 1px dashed #CCC !important;
}

#twtr-widget-1 div
{
    padding-bottom: 0 !important;
	font-family: Verdana, Arial;
	font-size: 13px;
}

.twtr-hd
{
    display: none;
}

.twtr-ft a
{
    font-size: 11px;
}

.twtr-tweet
{
    padding-bottom: 5px !important;
    border-bottom: 1px dashed #CCC !important;
}

.twtr-tweet-text
{
    margin-bottom: 5px !important;
}

.twtr-tweet-wrap
{
    padding-bottom: 5px !important;
}

.twtr-tweet-wrap:hover
{
    background-color: #eef3f7;
}


/* SECEONDARY LAYOUT ELEMENTS   
------------------------------------------*/
#home
{
    background: url('images/home-bg-bottom.jpg') no-repeat center bottom;
    min-height: 600px;
}

#homeBg
{
    background: url('images/home-bg.jpg') repeat-y center top;
    padding: 0 !important;
}

#homeLeft
{
    float: left;
    width: 700px;
    margin: 0 0 90px 0;
    padding: 15px;
}

#homeLeft a
{
    text-decoration: none !important;
}

#homeLeft h1
{
    border: none;
    background: url('Images/homeHeader-bg.jpg') no-repeat bottom left;
    margin: -15px -15px 0 -14px;
    padding: 15px !important;
}

#homeRight
{
    float: right;
    width: 229px;
    margin: 0 1px 40px 0;
}

#homeRight h3
{
    margin: 0 0 10px 0;
    padding: 5px 10px 5px 10px;
    background: url('images/home-h3-bg.jpg') no-repeat top left;
    color: #333;
}

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

#homeRight ul li
{
    border-bottom: 1px dashed #CCC;
    margin: 0;
    padding: 0;
}

#homeRight ul li.top
{
    border-top: 1px dashed #CCC;
}

#homeRight ul li a:hover
{
    background-color: #eef3f7;
}

#homeRight ul li a
{
    color: #333;
    display: block;
    text-decoration: none;
    padding: 4px 10px 4px 10px;
}

#media
{
    clear: both;
}

#sitemap
{
   padding-left: 50px;    
}

#sitemap a
{
    color: #777;
}

#sitemapLeft
{
    width: 400px;
    float: left;
}

#sitemapRight
{
    width: 400px;
    float: right;
}

#smallMenu
{
    float: right;
    margin: 58px 0 0 0;
    margin-right: 10px;
    font-size: 12px;
    
}

#smallMenu p
{
    margin-top: 3px !important;
    font-size: 10pt;
    line-height: 17px;
}

#smallMenu a
{
    color: #2d2d2d;
}

#smallMenu p img
{
    margin-bottom: -5px;
    _margin-bottom: 0;
} 

#aboutLeft
{
    width: 690px;
    text-align: left;
}

#aboutRight
{
    width: 213px;
    margin: 40px 0 0 15px;
    float: right;
}

#aboutRight p
{
    text-align: center;
    padding-bottom: 10px;
}

#contactLeft
{
    float: left;
    width: 600px;
}

#supportLeft
{
    width: 690px;
    float: left;
}

#productButtons
{
    float: right;
}

#productButtons img
{
    margin-left: 10px !important;
    width: 30px;
    height: 30px;
}

#supportLeft div.banner
{
    margin: 0 !important;
}

#supportLeft h3
{
    margin-top: 30px;
    margin-bottom: 8px;
}

#supportRight
{
    width: 200px;
    float: right;
    margin-top: -45px;
    text-align: right;
    margin-right: -14px;
    padding-right: 14px;
    height: 100%;
}

#supportRight h3
{
    margin-top: 15px;
    margin-bottom: 8px;
}

#supportRight h4
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px !important;
}

#supportRight img
{
    
}

#supportRight a
{
    color: #7f7f7f;
    text-decoration: none;
}

#supportRight p.email a
{
    color: #464646;
}

#supportRight p.email a:hover
{
    color: #C20000;
}

#supportRight p
{
    margin: 5px 0 15px 0;
}

#supportRight p a
{
    color: #C20000;
}

#supportRight a:hover
{
    color: #C20000;
}

#supportRight ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: -14px;
}

#supportRight ul li
{
    margin: 0;
    padding: 0;
}

#supportRight ul li a
{
    padding: 10px 15px 10px 0;
    display: block;
    border-bottom: 1px dotted #f4fbff;
}

#supportRight.productSupport ul li a
{
    background: url(Images/support-ul-li-a-bg.png) repeat-y top right;
}

#goback
{
    height: 26px;
    margin: 25px 15px -10px 0;
    width: 100%;
    padding: 0 !important;
}

#goback a
{
    display: block;
    float: right;
    background: url('images/account4.jpg');
    width: 110px;
    height: 22px;
    padding-top: 4px;
    text-align: center;
    color: #FFF;
    text-decoration: none !important;
}

#accountpage
{
    width:680px;
    margin:0;
    
    
}

#title
{
    float:left;
    width:66px;
    height:70px;
    margin-top:10px;
    padding-left:45px;
}


#logindisplay
{
    float: right;
    width: 240px;
    height:22px;
    font-size:11pt;
    display:block;
    text-align:right;
    margin:15px 20px 0 0;
    color: #000;
    padding:0;
    
}

#logindisplay img
{
    padding: 0 0 0 10px;
    
}

#logindisplay a:link
{
    color: #000;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #000;
    text-decoration: underline;
}

#MCP-Logo 
{
    display:none;
    float:right;
    width:100px;
    height: 48px;
    text-align:right;
    margin-bottom:0px;
    margin-right:10px;
    padding-top:45px;
    padding-right: 15px;
    
    
}

#MCP-Logo img
{
    margin-top: 0;
}

#operator IMG
{
    border: none;
}

#editPageControls
{
    margin: 0 0 -6px 4px;
    padding: 0 !important;
    font-size: 12px;
}

#chatnow 
{
    float:right;
    width:100px;
    display: none;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 10px;
    FONT-WEIGHT: bold;	
	FONT-SIZE: 14px;	
	COLOR: #075dad;		
}

#register input[type="text"] 
{
	width: 200px;
}
#register input[type="password"] 
{
	width: 200px;
}

#login input[type="text"] 
{
	width: 200px;
}

#login input[type="password"] 
{
	width: 200px;
}

#adminCreateKey input[type="text"] 
{
	width: 400px;
}

#adminCreateKey SELECT
{
	width: 406px;
}

#adminCreateKey TEXTAREA
{
	width: 600px;
}

#inputForm input[type="text"] 
{
	width: 150px;
}

#inputForm input[type="password"] 
{
	width: 150px;
}

#inputForm input[type="submit"] 
{
	width: 100px;
}

#checkout
{	
	width:930px;
	margin: 0;
	padding: 0 !important;
}

#checkout i
{
    margin: 0 auto auto 50px;
}

#checkout input[type="text"] 
{
	width: 30px;
	text-align: center;
}

#checkout table
{
    margin: 0 auto;
}

#checkout th 
{
	height: 19px;
	background: #acc9f7 url(images/table1.jpg);
	color: #FFF;
	font-weight: bold;	
}

#checkout input[type="submit"] 
{
	width: 150px;
}

#clear
{
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    margin-bottom: -30px;
}

#clear p
{
    margin: 0;
    height: 0;
}

#clear p
{
    height: 0;
    padding: 0;
    margin: 0;
}

#clear a
{
    padding: 0;
    margin: 0;
}

#silverlightControlHost
{
        height: 100%;
}


/* Portfolio
----------------------------------------------------------*/
#portfolioDark
{
    background: #000 url(images/portfolioDark-bg.jpg) repeat-x left top;
    padding: 15px;
    color: #999;
}

#portfolioDark h1
{
    font-weight: normal;
    color: #bbb;
    border: none;
    padding: 0;
    margin: 0 0 20px 5px;
}

#portfolioLight
{
    background: #fff url(images/portfolioLight-bg.jpg) repeat-x left top;
    background: #fff;
    padding: 15px;
    color: #333;
    margin: 0 1px 0 1px;
}

#portfolioLight h1
{
    font-weight: normal;
    color: #111;
    border: none;
    padding: 0;
    margin: 0 0 20px 5px;
}

#portfolioPurple
{
    background: #360a44;
    padding: 15px;
    color: #e7d3ed;
    margin: 0 1px 0 1px;
}

#portfolioPurple h1
{
    font-weight: normal;
    color: #f0e5f3;
    border: none;
    padding: 0;
    margin: 0 0 20px 5px;
}

.portfolio
{
    position: relative;
    overflow: scroll;
    width: 870px;
    height: 200px;
    margin: 0 auto 30px auto;
}

.portfolio .belt
{
    position: absolute;
    left: 0;
    top: 0;
}

.portfolio .panel
{
    float: left;
    overflow: hidden;
    width: 870px;
    height: 200px;
}

.portfolio h2
{
    margin: 0 0 20px 0;
    padding: 0 !important;
}

.portfolio.large
{
    position: relative;
    overflow: scroll;
    width: 850px;
    height: 460px;
    margin: 0 auto 30px auto;
}

.portfolio.large .belt
{
    position: absolute;
    left: 0;
    top: 0;
}

.portfolio.large .panel
{
    float: left;
    overflow: hidden;
    width: 870px;
    height: 460px;
}

.portfolio.large h2
{
    margin: 0 0 30px 0;
    padding: 0 !important;
}

#portfolioNavigation
{
    position: absolute;
    width: 930px;
    height: 35px;
    margin-top: -10px;
    text-align: right;
}

#gallery-paginate
{
    position: absolute;
    text-align: right;
    height: 22px;
    width: 930px;
}

#gallery-paginate.large
{
    
    position: absolute;
    text-align: left;
    height: 10px;
    width: 925px;
    padding-left: 5px;
    margin-top: -16px;
}

#gallery-paginate.large img
{
    width: 10px;
    height: 10px;
}

.arrowLeft
{
    margin: 50px 0 0 0;
    position: absolute;
}

.arrowRight
{
    margin: 50px 0 0 910px;
    position: absolute;
}

.arrowLeft.large
{
    margin: 160px 0 0 10px;
    position: absolute;
}

.arrowRight.large
{
    margin: 160px 0 0 900px;
    position: absolute;
}


/* CMS images
----------------------------------------------------------*/

#imageList
{
    display: inline;
}

.imageThumbnail
{
    float: left;
    width: 170px;
    padding: 8px;
    height: 120px;
}

.imageThumbnail div
{
    padding-bottom: 0 !important;
}

.imageThumbnail input[type="checkbox"]
{
    position: absolute;
}

.imageThumbnailImage
{
    background-color: #1b1d22;
    text-align: center;
    overflow: hidden;
    text-align: center;
    padding: 0;
    height: 120px;
}

.imageThumbnailImage img
{
    height: 120px !important;
}

.imageThumbnailName
{
    margin-top: -25px;
    height: 22px;
    position: relative;
    padding: 3px 10px 0 10px;
    background: url(images/semi-trans-bg.png);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    text-align: center;
}

.imageThumbnailName a
{
    font-size: 11px;
}


/*CMS EDIT PARTS
-----------------------------------------------------*/
.CmsEditTable
{
    margin-bottom: 10px;
}

.CmsEditTable input[type="text"]
{
    width: 210px;
    margin-left: 15px;
}

.CmsEditTable select
{
    width: 216px;
    margin-left: 15px;
}


/*GUIDES
-----------------------------------------------------*/
.Guide
{
    background-color: #333;
}

#Guide
{
    color: #ddd;
}

#Guide a
{
    color: #0a9be9;
}

#Guide p
{
    margin: 0;
}

#Guide img
{
    float: left;
    display: none;
}

#Guide h1
{
    border-bottom: 1px solid #777;
    color: #fff;
}

#Guide h2
{
    color: #fff;
    clear: both;
    margin: 10px 0 5px 0;
}

#Guide h3
{
    margin: 0;
    margin: 30px 0 0 0;
    padding-right: 20px;
    text-align: right;
}

#Guide h3 a
{
    padding: 10px;
    color: #fff;
    background-color: #505050;
}

#Guide h3 a:hover
{
    text-decoration: none;
    background-color: #555;
}


/*CHECKOUT
-----------------------------------------------------*/

#CheckoutWrapper
{
	margin: 0 auto;
	padding: 0 1px 0 1px !important;
}

#CheckoutWrapper form
{
    margin: 0 !important;
}

#CheckoutWrapper div
{
    padding: 0;
}

#CheckoutWrapper h2
{
	font-size: 14px;
	margin: 10px 0 20px 10px;
	padding: 0;
	border: none;
}

#CheckoutWrapper h3
{
	font-size: 14px;
	margin: 6px 0 4px 2px;
	padding: 0;
	font-weight: normal;
}

#CheckoutWrapper img
{
    margin-left: 10px;
}

#CheckoutWrapper img table tr
{
    padding: 0;
}

#CheckoutWrapper table.license, #CheckoutWrapper table.license2
{
    border-collapse: collapse;
}

#CheckoutWrapper table.details
{
    border-collapse: collapse;
    margin-bottom: 40px;
}

#CheckoutWrapper table.details th, #CheckoutWrapper table.license th, #CheckoutWrapper table.license2 th
{
    width: 154px;
    background:  url(images/CheckOut-th-bg.jpg) no-repeat top left;
    height: 27px;
    padding:  0 10px 0 10px;
}

#CheckoutWrapper table.license th
{
    width: 660px;
}

#CheckoutWrapper table.license th, #CheckoutWrapper table.license2 th
{
    text-align: left;   
}

#CheckoutWrapper table.details td
{
    text-align: center;
    padding: 14px 0 2px 0;
}

#CheckoutWrapper table.details td.supportPrice
{
    padding-top: 32px;
}

#CheckoutWrapper table.details td.saving
{
    padding: 6px 0 10px 0;
    color: #567598;
    font-size: 11px;
}

#CheckoutWrapper table.license2 td
{
    width: 220px;
}

#CheckoutWrapper table.license td, #CheckoutWrapper table.license2 td
{
    padding: 5px 10px 0 10px;
    background: url(images/CheckOut-td-bg.jpg) repeat-y top left;
}

#CheckoutWrapper table.license2 td
{
    vertical-align: top;
}

#total
{
    font-size: 17px;
    font-weight: bold;
}

.checkoutLeft
{
    float: left;
    width: 300px;
}

.checkoutLeftWide
{
    float: left;
    width: 660px;
}

.checkoutRight
{    
    float: right;
}

.CheckoutDetails
{
	background: url(images/CheckOutDetails-bg.jpg) no-repeat top right;
}

.CheckoutDetails2
{
	background: url(images/CheckOutDetails2-bg.jpg) repeat-y top right;
}

#CheckoutLicenseDetails
{
    background: url(images/CheckOutLicenseDetails-bg.png) repeat top right;
    clear: both;
    padding: 10px !important;
}

#CheckoutFooter
{
	background: url(images/CheckOutFooter-bg.png) no-repeat bottom right;
	height: 46px;
	font-size: 12px;
	color: #AAA;
	clear: both;
}

#CheckoutFooter span
{
	padding: 16px 10px 0 10px;
	float: left;
}

#RadioButtons
{
    margin-top: 15px;
    float: left;
}

#CheckoutFooter a
{
    cursor: pointer;
	background: url(images/CheckOutFooterButton-bg.jpg) no-repeat bottom center;
	margin: 0 15px 0 0;
	display: block;
	width: 120px;
	text-align: center;
	float: right;
	height: 30px;
	padding: 16px 13px 0 10px;
	color: #DDD;
	text-decoration: none;
	font-weight: bold;
}

#CheckoutFooter a:hover
{
	background: url(images/CheckOutFooterButton-bg2.jpg) top center;
	color: #FFF;
}

#CheckoutFooter .checkoutPrevious a
{
    background: none;
    padding: 16px 0 0 0;
    margin: 0 20px 0 0;
    color: #AAA;
    width: auto;
    font-weight: normal;
}

#CheckoutFooter .checkoutPrevious a:hover
{
    color: #777;
}


/*PREVIOUS VERSION CHART
-----------------------------------------------------*/
.previousChart
{
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.previousChart th
{
    background: url(images/table1.jpg);
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px
}

.previousChart td
{
    text-align: center;
    padding: 5px;
}



/* TAB MENU   
------------------------------------------*/
#menu {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	height: 66px;
	background: url(images/menu-IE6.jpg) no-repeat left top;
}

#menu a
{
    float: right;
    margin: 16px 20px 0 0;
}

#menu ul {
	margin: 0;
	padding: 1px 0 0 12px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	width: 100px;
	height: 31px;
	margin: 0;
	padding: 18px 5px 0 5px;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #DDD;
}


#menu ul li a:hover
{
	background:url('images/hover.jpg') no-repeat center;
	color: #FFF;
}

#menu li.liveSupport a
{
    border: none;
    color: #94ff01 !important;
    margin-left: 70px;
    padding-right: 22px;
    background:url('images/LiveSupport-bg.jpg') no-repeat center top;    
}

#menu li.liveSupport a:hover
{
    background:url('images/hover2.jpg') no-repeat center top;    
}

#menu li.last_page_item a {
}

#menu li.first_page_item a
{
    border-left: 1px solid #333;
}

	
#menu .current_page_item a:hover {
	color: #000000;
	background:url('images/hover.jpg') no-repeat center;
	
	}
	
	
/* TABS (UNUSED)
------------------------------------------*/

#software
{
    background:url(images/software-bg.jpg) no-repeat top left;
    width:958px;
    height: 550px;
    margin-left: 1px;
}




#software ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 94px;
}

#software ul li
{
    
    float: left;
    height: 94px;
    padding: 0px;
    margin: 0px;
    position:relative;
}

#software ul li img
{
    margin-top:30px;
}

#software ul li:hover
{
    background: url(images/hover-tab.jpg) no-repeat center;
    
}

#software ul li.ui-tabs-selected
{
    background: url(images/selected-tab.jpg) no-repeat center !important;    
}

#tab-1
{
    width:958px;
    text-align: left;
    padding: 0;
    margin: 0px;
    margin-top:10px;
}

#tab-1 p
{
    text-align: center;
    padding: 0 14px 0 14px;
    margin-top: -60px;
    margin-bottom:40px;
    
}

#tab-2
{
    width:958px;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top:10px;
}

#tab-2 p
{
    text-align: center;
    padding: 0 14px 0 14px;
    margin-top: -60px;
    margin-bottom:40px;
}

#tab-3
{
    width:958px;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top:10px;
}

#tab-3 p
{
    text-align: center;
    padding: 0 14px 0 14px;
    margin-top: -60px;
    margin-bottom:40px;
    
}

.ui-tabs-hide
{
    display: none;
}


/* ACCOUNT MENU  
------------------------------------------*/

#accountMenu 
{
	height: 100px;
	margin: 20px 0 30px 0;
}

#accountMenu ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
}
	
#accountMenu ul li
{
    margin: 0;
    display: inline;
}

#accountMenu ul li a
{
    margin: 0;
    padding: 60px 5px 5px 5px;
    float: left;
    height: 35px;
    width: 100px;
    text-align: center;
    color: #333;
}

#accountMenu ul li a.keys
{
    background: url('images/keys.jpg') no-repeat top center;
}

#accountMenu ul li a.ouvvi
{
    background: url('images/key.jpg') no-repeat top center;
}

#accountMenu ul li a.user
{
    background: url('images/user_settings.jpg') no-repeat top center;
}

#accountMenu ul li a.password
{
    background: url('images/password_preferences.jpg') no-repeat top center;
}

#accountMenu ul li a.upgrades
{
    background: url('images/upgrades.jpg') no-repeat top center;
}

#accountMenu ul li a.trial
{
    background: url('images/trial_key.jpg') no-repeat top center;
}

#accountMenu ul li a.new
{
    background: url('images/new_key.jpg') no-repeat top center;
}

/* CLASSES  
------------------------------------------*/
.news
{
    padding: 10px 0 0 0;
}

.newsLeft
{
    width: 690px;
    float: left;
}

.newsLeft h2
{
    margin: 0 0 10px 0;
    padding: 0 !important;
}

.newsRight
{
    width: 215px;
    float: right;
    text-align: right;
}

h1.supportH1
{
    width: 700px;
    clear: both;
}

h1.productH1
{
    border: none !important;
    width: 570px;
    float: left;
    padding-top: 4px;
}

.productHeader
{
    width: 700px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #333;
    height: 30px;
    padding: 0;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.product 
{
	margin-top: 25px !important;
	padding-bottom: 25px !important;
}

.homeProductInfo-ouvvi, .homeProductInfo-dataSync, .homeProductInfo-moss, .homeProductInfo-BPOS, .homeProductInfo-customDevelopment
{
    width: 310px;
    float: left;
    padding: 20px 20px 0 20px !important;
    cursor: pointer;    
}

.homeProductInfo-ouvvi:hover
{
    background: url('Images/homeProductInfo-bg-hover-greyblue.jpg') no-repeat bottom center;
}

.homeProductInfo-dataSync:hover
{
    background: url('Images/homeProductInfo-bg-hover-blue.jpg') no-repeat bottom center;
}

.homeProductInfo-moss:hover
{
    background: url('Images/homeProductInfo-bg-hover-green.jpg') no-repeat bottom center;
}

.homeProductInfo-BPOS:hover
{
    background: url('Images/homeProductInfo-bg-hover-orange.jpg') no-repeat bottom center;
}

.homeProductInfo-customDevelopment:hover
{
    background: url('Images/homeProductInfo-bg-hover-red.jpg') no-repeat bottom center;
}

.productInfo
{
    padding: 0;
    margin: 0;    
}

.productInfo h3
{
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.productInfoLeft, .productInfoRight
{
    margin: 3px 0 0 0;
    float: left;
    font-size: 11px;
    color: #999;
}

.productInfoRight
{
    float: right;
    font-style: italic;
}

.productTitle 
{
	
	background: url(images/tablebg.jpg) no-repeat top left;
	padding: 10px 0px 0px 10px;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	height:25px;
	color: #000000;
	font-weight: bold;
	font-size: 15px;
	margin-top:-13px;
	
	
}

.subProduct 
{
	margin-top: 10px;
	margin-left: 45px;
	margin-right:45px;
}
.subProductTitle 
{
	color: Black;
	height: 30px;
	width: 830px;
	margin-top: -30px;
	background: url(images/tablebg-sub.jpg) no-repeat top left;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 0px 7px 22px;
	padding-right: 0 !important;
	
}


.productTitleInfo 
{
	background: url(images/tablebg-2.jpg) no-repeat top left;
	font-weight: normal;
	font-size:  12px;
	font-style: italic;
	padding: 5px 0px 7px 10px;
	color:#FFFFFF;
	margin-bottom: 15px;
}

.download
{
    padding: 0 0 0 15px;
}

.storeTableHeader 
{
	background-color: #075dad;
	color: White;
	font-weight: bold;
}

.product 
{
	padding: 0px 5px 0px 5px;
}

.product input
{
    width:20px;
}

.productBox
{
	float: left;
	margin:0 50px 0 50px;
	width:100px;
	clear:both;
}

.productLayoutImage {
	float: right;
	clip: rect(auto, auto, auto, auto);
	margin-right: 10px;
	margin-left: 10px;
}
.productLayoutImageLabel 
{
	font-size: xx-small;
	text-align:right;
	margin-right: 10px;
}
.productLayoutDescription {
	float: left;
	width: 560px;
}
.code 
{
	overflow: scroll;
	height: 100px;
}
    
.screenshots_x
{
	width: 730px;	
}

.screenshots
{
    width: 730px;
    display: inline-block;
}

.screenshots_x img, .screenshots img
{
	max-width: 200px;
	max-height: 200px;
}

.screenshots_x ul, .screenshots ul
{
	list-style: none;
}

.screenshots_x li, .screenshots li
{
    float: left;
    display: inline;
}

.screenshots_x div
{
    font-size: xx-small;
    text-align: center;
    margin: 10px;
    margin-left: 0;
    margin-right: 30px;
    padding: 0 !important;
    line-height: 1.2;
    width: 200px;	
}

.screenshots div
{
    text-align: center;
    margin: 10px;
    margin-left: 0;
    margin-right: 30px;
    padding: 0 !important;
    line-height: 0;
    width: 200px;
    float: left;	
	border: 2px solid #e9f3fd;
}

.clear
{
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
}

.clear2
{
    clear: both;
    padding: 0;
    margin: 0;
}

.clear p
{
    height: 0;
    padding: 0;
    margin: 0;
}
#Text textarea 
{
	width: 800px;
	height: 400px;
}

.storeSection
{
    background-color: #FFF;
    padding-bottom: 20px;
    margin-bottom: 30px;
}


.storeSection table
{
    background-color: White;
    border: 1px solid silver;
}

.storeSection p
{
    color: #333;
    margin-bottom: 0 10px 5px 0;
    padding: 0;
    float: right;
    font-style: italic;
}

.storeSection table a
{
    color: #333;
}

.productMain
{
	height: 180px;
	width: 915px;
	margin-bottom: 10px;
}

.productMain .image
{
	height: 180px;
	width: 180px;
	background-color: #FFF;
	float: left;
	margin: 0 auto auto 10px;
}

.productMain .image img
{
    margin: 22px auto;
}

.productMain img.button
{
	padding: 0 10px 0 0;
	width: 120px !important;
	height: 29px !important;
	margin: 0; 
}

.productMain p
{
    margin: 0;
}

.productMain p.links
{
    float: left;
    margin: 10px 0 0 15px;
}

.productMain p.links a
{
    color: #BBB;
}

.productMain p.links a:hover
{
    color: #C20000;
}

.productMain .text
{
	float: right;
	margin: 10px 15px 0 0;
	width: 695px;
	height: 110px;
	-webkit-text-size-adjust: none;
}

.productMain .buttons
{
	float:right;
	margin-right: 10px;
}

.productMain h2
{
    padding: 0 !important;
	font-size: 16px;
	margin: 15px 0 10px 0;
	text-decoration: underline;
	border: none !important;
	color: #333;
	font-weight: normal !important;	
}

.productMain a
{
    color: #333;
}

.floatRight
{
    float: right;
}

.padding10
{
    padding: 10px;
}