/****************************************************************
*			Styles definition for EXswap site
*****************************************************************/

/* Because of differences in different browsers we need to define some basic tag styles */
ul 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 12px;
	list-style-position: inside;
	list-style-type: circle;
	padding: 0px;
	margin: 6px;
}

p 
{
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.redAnchor
{
	color: #CC0000 !important;
    font-weight: normal !important;
}
.redAnchor:hover
{
	color: #990000 !important;
    font-weight: normal !important;
}

.greenHoverAnchor
{
	color:green;
    font-weight: bold !important;    
    text-decoration:underline;
}
.greenHoverAnchor:hover
{
	text-decoration: underline;
    font-weight: bold !important;
}

body
{
	background-image: url('../images/background.gif');
	background-color: #1C233A;
	margin: 0px 0px 0px 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif; /* base font is defined in the page */
	font-size: 12px; /* size font is defined in the page */
	color:black;
	text-align:center;
}

.inaHeader
{
	background-image:url('../images/tab_blue_texture.png');
	background-repeat:repeat-x;
	height: 30px;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	color: #1C233A;
	margin-bottom: 10px;
	
}
.inaHeader a
{
	font-weight:bold;
	text-decoration:none;
	color: #1C233A;
}
.inaHeader a:hover
{
	text-decoration:underline;
}

/* The "main" element holds all the other elements. */
#main
{
	margin: 0px auto;
	text-align: left;
	width: 750px;
}

#mainBorder
{
	margin: 0px auto;
	width:766px;
	background-image:url('../images/main_border.png') !important;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bordera.png ');
}

/* The "content" element is the element with fixed width and wich is centered in the page.*/
#content 
{
  min-height:436px;
  background-color: #1C233A;
  border: 0px ;
  padding: 0px;
}

/* The "header" holds the top menu and the flash animation */
#header
{
	height: 142px;
	border: 0px;
	background-color: #151B2F;
}

/**************************************************************
 The Header Menu 
***************************************************************/

#headerMenu
{
	float:left;
	top: 0px;
	height:142px;
	width: 313px;
	background-image: url('../images/header_logo.png');
}

#headerPaddingStart
{
	float:left;
	width:7px;
	height:100%;
}

#headerPaddingMiddle
{
	float:left;
	width: 9px;
	height:100%;
}

/* The header menu item */
.headerMenuItem 
{
	float: left;
	color: #333333;
	background-image: url('../images/menuitem.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration:none;
	margin-top:91px;
	margin-left:3px;	
	text-align:center;
	vertical-align:middle;
	
	height: 45px;
	width: 74px;
}

.headerMenuItemSpan 
{
	display:block;
	padding-top:14px; 
}

.headerMenuItem:hover 
{
	background-image: url('../images/menuitem.png');
	background-position: -74px 0px;
	background-repeat: no-repeat;

	text-decoration:none;
	font-weight:bold;
	height: 45px;
	width: 74px;
}

/**************************************************************
 The Header Animation
***************************************************************/
.headerAnimation
{
	float:left;
	top: 0px;
	height:142px;
	width: 416px;
}

.headerAnimationTop
{
	float:left;
	top: 0px;
	height:73px;
	width: 416px;
}

#headerAnimationBottom
{
	background-image: url('../images/header_animation_bottom.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float:left;
	top: 0px;
	height:69px;
	width: 416px;
}

/**************************************************************
 The left pane 
***************************************************************/
#leftContentPane
{
	height:100%;
	width:193px;
	border:0px;
	padding:0px;
	float:left;
	background-color:#1C233A;
}

#leftPaneTop
{
	background-image: url('../images/left_pane_top.png');
	background-repeat:no-repeat;
	background-position: left top;
	width: 193px;
	height: 160px;
}

#leftPaneMiddle
{
	background-image: url('../images/left_pane_middle.png');
	background-repeat: repeat-y;
	text-align:center;
	width:193px;
}

#leftPaneBottom
{
	background-image: url('../images/left_pane_bottom.png');
	background-repeat:no-repeat;
	background-position: left bottom;
	width: 193px;
	height: 174px;
}

/* The right content pane */
#rigthContentPane
{
	height:100%;
	width:557px;
	border:0px;
	padding:0px;
	margin:0px;		
	float:left;
	background-color:white;
}
#rigthContentPaneTop
{
	background-image:url('../images/right_pane_top.png');
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	border:0px;
	height:14px;
}
#rigthContentPaneTopHome
{
	background-image:url('../images/right_pane_top_home.png');
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	border:0px;
	height:91px;
}

/* The style for the content in the news area in the home page */
#newsContent
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:white;
	overflow:hidden;
	padding-top: 4px;
	margin-left:302px;
	width:210px;
	height:66px;
	background-color:Transparent;
}

#newsContent a
{
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	color:white;
}

#newsContent a:hover
{
	color:#999999;
}

#rigthContentPaneMiddle
{
	height:auto;
	width:557px;
}
#rigthContentPaneBottom
{
	background-image:url('../images/right_pane_bottom.png');
	background-repeat:no-repeat;
	margin:0px;
	border:0px;
	padding:0px;
	height:26px;
}

#contentPane
{
	overflow:auto;
	height:100%;
	width:547px;
	float:left;
}

/* These rows are used only at the home page */
.contentPaneHomeRow
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	margin-left: 65px;
	overflow:hidden;
	width:415px;
}
.contentPaneHomeRow img
{
	float:left;
	margin-right:0.5em;
}

.contentPaneHomeRow a
{
	color: #555555;
	font-size: 11px;
	text-decoration:none;
}

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

/* The content pane tabs */
.contentPaneTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: bold;
	background-color:Transparent;
	margin-left: 10px;
	padding-top: 11px;
	margin-bottom: 20px;
	color:#333333;
}

.contentPaneTab
{
	background-position:left top;
	background-repeat: no-repeat;
	width:547px;	
	margin-bottom:12px;
}

.contentPaneTabTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
	font-weight: bold;
	background-color:Transparent;
	margin-left: 80px;
	padding-top: 11px;
	height: 30px;
	color:#333333;
}

.contentPaneTabEmptyTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
	font-weight:bold;
	background-color:Transparent;
	margin-left: 20px;
	padding-bottom: 12px;
	color:#333333;
}

.contentPaneTabContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
	font-weight:normal;
	background-color:Transparent;
	margin-left: 20px;
	padding-top: 30px;
	color:#333333;
}

.contentPaneTabContentLI
{
	margin-bottom:10px;
}

#contentPaneRigthBorder
{
	background-image:url('../images/right_pane_middle.png');
	background-repeat:repeat-y;
	margin:0px;
	border:0px;
	padding:0px;
	height:100%;
	width:10px;
	float:left;
}

/* The "navigationBar" holds all the links for navigating the page when the page is too long and it is scrolled. */
#navigationBar 
{
	color: #666666;
	background-color: #C4C6CC;
	margin: 0px;
	text-align: center;
	font-size: 8pt;
	padding: 3px 8px 3px 8px;
}
  
a.navigationLink
{
	color: #666666 !important;
    font-weight: normal !important;
    text-decoration:none;
}
a.navigationLink:hover
{
	color: #D72F2F !important;
    font-weight: normal !important;
    text-decoration:none;
}

/* The "footer" holds the copyright information */
#footer 
{
	color: #999999;
	background-color: #F0F0F2;
	font-size: 8pt;
	text-align: center;
	padding: 2px 8px 2px 8px;
}

#leftBorder
{
	background-image: url('../images/left.png');
	background-repeat: repeat-y;
	background-color: rgb(28,35,58);
}

#rightBorder
{
	background-image: url('../images/right.png');
	background-repeat: repeat-y;
	background-color: rgb(28,35,58);
}

/* Table used at download */

.borderedTable
{
	border:solid 1px black;
	border-collapse:collapse;
	margin: 4px;
}

.borderedTable td
{
	border:solid 1px black;
	padding: 2px;
}

/* The FAQ page */
.faqSection
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  13px;
	font-weight: bold;
	color: green;
}

.faqSectionItem a
{
	color: black;
    font-weight: normal !important;
}

.faqSectionItem a:hover
{
	color: black;
    font-weight: normal !important;
}

/* Screenshots page */
.screenshotsRow
{
	float:left;
	border-top:solid 2px #C4C6CC;
	padding-top: 10px;
	margin-top: 3px;
	margin-bottom:20px;
	margin-right:20px;
}
.screenshotsRowImage
{
	float:left;
	margin-right:12px;
}
.screenshotsRowText
{
	float:left;
	margin-right:20px;
}