/**********************************************************************************************************
* 
* © 2009 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: layout.css
* Description: Layout CSS file for the Connector for JIRA website
*
***********************************************************************************************************/


/* Auxiliary style sheets
----------------------------------------------------------------------------------------------------------*/

@import url(type.css);
/*@import url(account_menus.css);*/
@import url(forms.css);


/* Body 
----------------------------------------------------------------------------------------------------------*/

*
	{
	margin:0px;
	padding:0px;
	}

body 
	{
	background:#ffffff url(/images/body-bg.jpg) no-repeat;
	/*background:#b2cffa;*/
	/*background:#808080;*/
	}


/* Images 
----------------------------------------------------------------------------------------------------------*/

img
    {
    border:none;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    clear:both;
    }

.imagefull
    {
    display:block;
    margin:0px 0px 1em 0px;
    }


/* Horizontal rules 
----------------------------------------------------------------------------------------------------------*/
	
hr
	{
	display:none;
	}

.hr
    {
    margin:0px 0px 1em 0px;
    border-top:1px dotted #404040;
    }
	

/* Container 
----------------------------------------------------------------------------------------------------------*/

#container
    {
    margin:0px auto;
    width:900px;
    }


/* Lanaguage selector
----------------------------------------------------------------------------------------------------------*/

#languageselector
    {
    float:right;
    width:auto;
    padding:5px 0px;
    }


/* Masthead
----------------------------------------------------------------------------------------------------------*/

#masthead
    {
    float:left;
    width:868px;
    padding:8px 15px 8px 15px;    
    background:#000000 url(/images/connector-j_headerbg.gif) repeat-x;
    border-right:1px solid #c4cfc6;
    border-left:1px solid #c4cfc6;
    }

#masthead-rightcontent
    {
    float:right;
    }

#search
    {
    float:right;
    margin:0px 0px 0.4em 0px;
    clear:both;
    }

#search .text
    {
    float:left;
    width:148px;
    height:14px;
    margin:0px 5px 0px 0px;
    padding:1px;    
    border:1px solid #808080;
    }

#search .button
    {
    float:left;
    width:40px;
    height:19px;
    padding:0px 4px;
    }

#topnav
    {
    float:right;
    clear:both;
    }

#top-phone
    {
    margin:0px 8px 0px 0px;
    padding:0px 8px 0px 0px;
    border-right:1px solid #ffffff;
    }


/* Navigation
----------------------------------------------------------------------------------------------------------*/

#nav, #account_nav, #forum_nav
    {
    float:left;
    width:900px;
    height:30px;
    background:url(/images/connector-j_navbg.gif) no-repeat;
    }


/* Banners
----------------------------------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:900px;
    height:279px;
    padding:0px 0px 0em 0px;
    background:url(/images/connector-j_bannerbg.jpg) no-repeat;
    }
    
#banner-leftcolumn
    {
    float:left;
    width:700px;
    height:279px;
    }

#banner-leftcolumn-content
    {
    margin:220px 0px 0px 25px;    
    }

#banner-rightcolumn
    {
    float:left;
    width:200px;
    height:279px;
    }

.banner-box
    {
    width:177px;
    height:83px;
    padding:10px 10px 0px 10px;
    background:url(/images/connector-j_bannerbox.gif) no-repeat;
    border-left:3px solid #ccebff;
    }

.banner-box-content
    {
    height:45px;
    }

.banner-box-button
    {
    width:175px;
    height:32px;    
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html .banner-box-button
    {
    width:175px;
    height:32px;
    }

#banner img
    {
    margin:0px 0px 10px 0px;
    }


/* Sub Page Banner
----------------------------------------------------------------------------------------------------------*/

#banner_sub
    {
    float:left;
    width:900px;
    height:127px;
    padding:0px 0px 0em 0px;
    background:url(/images/connector-j_bannerbg_sub.gif) no-repeat;
    }

#banner_sub_right
    {
	float:right;
    width:150px;
    padding:0px 15px 0px 0px;
    }


/* Main content background 
----------------------------------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:898px;
    background:#ffffff url(/images/connector-j_contentbg.gif) bottom left repeat-x;
    border-right:1px solid #c4cfc6;
    border-left:1px solid #c4cfc6;
    }

#contentbg
    {
    float:left;    
    }


/* Sidepanes 
----------------------------------------------------------------------------------------------------------*/

#leftsidepane
    {
    float:left;
    width:165px;
    padding:8px 15px 0px 25px;
    border-right:1px dotted #344180;
    }

#rightsidepane
    {
    float:left;
    width:150px;
    padding:8px 0px 0px 15px;
    border-left:1px dotted #344180;
    }


/* Content
----------------------------------------------------------------------------------------------------------*/

#content
    {
    width:870px;
    padding:15px 15px 0px 15px;
    min-height:450px;    
    }

.content-button
    {
    display:block;
    width:208px;
    height:58px;
    margin:0px 0px 1em 0px;
    }

.onethirdcolumn
    {
    float:left;
    width:32%;
    padding:0px 10px 0px 0px;
    margin:0px 0px 1em 0px;
    }

#column01
    {
    float:left;
    width:48%;
    margin:0px 1em 0px 0px;
    }

#column02
    {
    float:left;
    width:50%;
    }

.contentbox
    {
    margin:0px 0em 1em 0px;
    border:1px solid #b1b1b1;
    }

.contentbox-header
    {
    padding:5px 8px;
    background:#e5e5e5;
    border-bottom:1px solid #b1b1b1;
    }

.contentbox-main
    {
    margin:10px 10px 0px 10px;
    }

.contact-content
    {
    float:left;
    width:100%;
    }

.contact-content-cell
    {
    float:left;
    width:33%;
    }

.securitycertificate
    {
    float:left;
    display:block;
    width:300px;
    margin:0px 0px 1em 0px;
    padding:1em 0px 0px 0px;
    border-top:1px solid #000000;
    clear:both;
    background:none;
    }
    
.securitycertificate a:hover
    {
    background:none;
    }

table
    {
    float:left;
    width:100%;
    margin:0px 0px 1em 0px;
    }

th, .div_header
    {
    padding:5px 8px;
    background:#c8cde6;
    }

.table_header_title
    {
    width:505px;
    padding:3px 0px 3px 5px;
    border-right:1px solid #808080;
    }

.table_header_rate
    {
    width:102px;
    padding:3px 0px 3px 5px;
    }

.table_header_title-amount
    {
    float:left;
    width:307px;
    padding:3px 0px 3px 5px;
    border-right:1px solid #808080;
    }

.table_header_rate-amount
    {
    float:left;
    width:100px;
    padding:3px 0px 3px 5px;
    }

.table_cell_basic
    {
    width:505px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_basic02
    {
    float:left;
    width:312px;
    }

.table_cell_basic-amount
    {
    float:left;
    width:307px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }

.table_cell_rate
    {
    width:75px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }

.table_cell_qualifier
    {
    width:200px;
    padding:3px 0px 3px 5px;
    vertical-align:top;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_units
    {
    width:303px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_full
    {
    width:607px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }    

.testbox
    {
    width:100%;
    height:85px;
    margin:0px 0px 1em 0px;
    padding:65px 0px 0px 0px;
    border:1px solid #344180;
    }


/* Search results
------------------------------------------------------------------------------------*/

.pager
    {
    padding:0px 0px 1em 0px;
    }

.score
    {
    margin:0px 0px 0px 1em;
    }


/* buttons 
----------------------------------------------------------------------------------------------------------*/
	
.store_button
    {
	padding:2px 4px;
	background:#234786;
	border:3px solid #78859f;
	cursor:pointer;
    }

#formactions .store_button
    {
    margin:0px 8px 0px 0px;
    }

.cart-buttons
    {
    margin:0px 0px 1em 0px;
    }

.cart-buttons .store_button
    {
    margin:0px 5px 0px 0px;
    }


/* Footer 
----------------------------------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:890px;
    height:54px;
    padding:7px 0px 0px 10px;
    background:url(/images/connector-j_footerbg.gif) no-repeat;
    }

#footer-leftcolumn
    {
    float:left;
    width:550px;
    }

#footer-rightcolumn
    {
    float:left;
    width:200px;
    padding:8px 0px 0px 0px;
    }

			
/* Forum
----------------------------------------------------------------------------------------------------------*/	
/*menu*/
.topheader table {height:25px;border-collapse:separate;width:100%;background-color:Transparent;}
.topheader td {height:25px;}
.topheader th {height:25px; background-color:black;white-space:nowrap;font-weight:normal;}
.topheader th.menuitem {color:white;text-align:center;width:12%;border-left:1px solid #FFFFFF;white-space:nowrap;padding-left:5px;padding-right:5px;}
.topheader th.rightitem {border-left:1px solid #FFFFFF;color:Silver;text-align:right;border-right:none;}
.topheader td.outerheader {width:6px;}

/*header*/
.header table {font-size: 8pt;background-color:Transparent;width:100%;border:none;}
.header td {white-space:nowrap;}
.header h1 {font-weight: normal;font-size: 18pt;margin-bottom: 0px;font-family: Verdana,Arial,Helvetica,sans-serif; margin-top:5px;}
.header img{vertical-align:middle;border:none;}

/*main body*/
.forumcontent table {font-size: 8pt;border-collapse:collapse;background-color:#e7e7e7;}
/*.forumcontent h1 {font-weight: normal;font-size: 18pt;margin-bottom: 0px;font-family: 'Arial Narrow'; border: none;}*/
.forumcontent h2 {margin-bottom: 0px;font-size: 10pt; font-weight:bold; border: none;}
/*.forumcontent h3 {font-weight: bold;font-size: 8pt;margin-bottom: 0px; border: none;}*/
.forumcontent a {color: #4060E0;}
.forumcontent a:hover{text-decoration: none;}
.forumcontent th {background-color:#808080;color:white;font-weight: bold;font-size: 9pt;text-align: left;border:1px solid silver;}
.forumcontent th a {color: White;font-size: 8pt;font-weight: normal;text-decoration: none;border:none;}
.forumcontent th a:hover{text-decoration: underline;border:none;}
.forumcontent td {border:1px solid silver;color:black;font-family: Verdana;padding:7px 10px 10px 10px;}
.forumcontent button{font-family: Verdana;font-size: 8pt;border: slategray 1px solid;}
.forumcontent textarea{font-family: Verdana;font-size: 8pt;border-left: slategray 1px solid;border-right: slategray 1px solid;border-bottom: slategray 1px solid;border-top: none;}
.forumcontent select{font-family: Verdana;font-size: 8pt;border: slategray 1px solid;}
.forumcontent img{vertical-align:middle;border:none;}
.forumcontent hr{height:1px;border:none;color:silver;background:silver;}
.forumcontent div.location{margin-bottom:17px;font-family: Verdana;}
.forumcontent {background-color: White;}