/* licensestream.css - Stylesheet for LicenseStream Application and Portal sites
 * Author: Sheryl Morgan
 * Copyright: 2009 Imagespan
 */
 
 
/* ===============
   GLOBAL SETTINGS
   =============== */
   
html, body, div, span, applet, object, iframe, h1,
h2, h3, h4, h5, h6,  blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
    {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

body 
    {
    text-align: center;
    background: #4d4d4d;
    color: #333;
    font-family: arial;
    font-size: 12px;
    }


/* ===============
    ANCHOR STYLES
   =============== */

a:link,
a:visited
    { 
    color: #0f4a9f;
    font-weight: bold;
    text-decoration: none;
    }

a:active,
a:hover 
    {
    text-decoration: underline;
    }

a.link_arrow
	{
	display: block;
	float: left;
	margin: 2px 0 0 0;
	padding: 0 8px 0 0;
	color: #0f4a9f;
	background: url(../../images/Portal/gfc_link_arrow.gif) no-repeat center right;
	font-size: 12px;
	text-decoration: none;
	}

a.link_arrow:hover
	{
	text-decoration:underline;
	}

#content a {
    font-weight: normal;
}


/* ===============
    HEADER STYLES
   =============== */

h1
    {
    font-weight: normal;
    font-size: 24px;
    margin-left: -1px;
    padding:0px 0px 5px 0px;
    }

h2
{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}

h3 
{
	font-size: 13px;
    font-weight: bold;
}

h4
    {
	font-size: 14px; /*right column headline*/
	line-height: 18px;
	margin: 0px 0px 10px 10px;
    }

h5
    {
    color:#777; /*gray text*/
    font-size: 14px;
    }



/* ===============
   GENERAL CLASSES
   =============== */
 
/* ==FLOATS== */

.f_right
	{
	float: right;
	}

.f_left
	{
	float: left;
	}

.clear
	{
	clear: both;
	}

.txtRight 
    {
    text-align: right;
    }

.boldTxt
    {
    font-weight: bold;
    }

/* ==GENERAL APPLICATION== */

.centeredLabel 
    {
    margin: 0px auto;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    }

.errorText 
    {
    color: darkRed;
    font-weight: bold;
    }

.successText 
    {
    color: Green;
    font-weight: bold;
    }

.block
    {
    display: block;
    border: dashed 1px #ddd;
    border-top: solid 0px #ddd;
    line-height: 18px;
    padding: 2px 0px 2px 5px;
    }

.footnote
    {
    font-size: 11px;
    }


/* ===============
   GRAY BOX STYLES
   =============== */

.grayBoxContent 
    {
    display:block;
    background:#fff;
    border:0 solid #ccc;
    border-width:0 1px;
    }

.grayBoxContent div 
    {
    padding: 8px 10px;
    }

.grayBorder 
    {
    margin: 0px 0px 10px 10px;
    }

.xtop, .xbottom 
{
    display:block;
    background:transparent;
    font-size:1px;
}
.gb1, .gb2, .gb3, .gb4 
{
    display:block;
    overflow:hidden;
}
.gb1, .gb2, .gb3 
{
    height:1px;
}
.gb2, .gb3, .gb4 
{
    background:#fff;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
}
.gb1 
{
    margin:0 5px;
    background:#eee;
}
.gb2 
{
    margin:0 3px;
    border-width:0 2px;
}
.gb3 
{
    margin:0 2px;
}
.gb4 
{
    height:2px;
    margin:0 1px;
}


/* ===============
    PANEL STYLES
   =============== */

.panelContainer 
{
    margin-bottom: 20px;
    width: 500px;
}

.panelContainerAuto 
{
    margin-bottom: 20px;
    width: auto;
}

.panelHeader 
{
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    background-color: #333;
    margin-top: 10px;
}

.panelHeaderRed
{
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    padding: 3px;
    background-color: #333;
    margin-top: 10px;
}

.panelBody 
{
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    margin-top: 0px;
    padding: 5px 10px;
}
        
		.panelBody table 
		{
			padding: 0px;
			margin: 0px;
		}
	    
	    .panelColumn 
	    {
		    width: 50%;
	    }
	    
	    .panelLabelCol 
	    {
			float:left;
			width:auto;
	    }
	    
	    .panelFormCol 
	    {
	        width: auto;
	        margin-left:130px;
		}

.tabsDiv { 
    width: auto;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 2px 12px 8px 12px;
    line-height: 17px;
    border-top: solid 1px #666;
    border-right: solid 1px #666;
    border-left: solid 1px #666;
    border-bottom: solid 1px #666;
    clear: both;
}   
    .tabsDiv table td.setwidth {
        width: 82px;
        font-weight: bold;
        }
#divMetadataPanels table {
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	margin-top: 10px;
	margin-bottom: 10px;
    }

    #divMetadataPanels table td {
	    vertical-align: top;
	    background-color: #fff;
	    padding-bottom: 7px;
        }

    #divMetadataPanels table th {
	    text-align: center;
	    font-weight: bold;
	    padding: 3px;
	    background-color: #333;
        }
    #mainApplicationLeft table.tblHeaderBg th /* Gridview Header BG color */
        {
        background-color: #333;
        text-align: center;
        padding: 2px 6px;
        height: 26px;
        }
    #mainApplicationLeft table.tblHeaderBg {
        }
        .tabsDivGrid {
        margin: 0px;
        padding: 0px;
        border-bottom: solid 1px #999;
        }
        .tabsDivGrid div {
        margin: 0px;
        padding: 0px;
        }
        
.formPanel {
	border: solid 1px #ccc;
    background: #f6f6f6;
    padding: 10px 10px 10px 5px;
    margin: 10px 0px 10px 0px;
    }


/* ===============
       BUTTONS
   =============== */
   
.btns
	{
	margin: 0 30px 0 30px;
	height: 27px;
	}
	
.btn_sign_up_now
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_sign_up_now.gif) no-repeat;
	}

.btn_sign_up_now span
	{
	display:none;
	}

.btn_find_out_more
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_find_out_more.gif) no-repeat;
	}

.btn_find_out_more span
	{
	display: none;
	}

.btn_try_for_free
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_try_for_free.gif) no-repeat;
	}

.btn_try_for_free span
	{
	display:none;
	}

.btn_try_for_free_white
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_try_for_free_white.gif) no-repeat;
	}

.btn_try_for_free_white span
	{
	display:none;
	}

.btn_contact_us
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_contact_us.gif) no-repeat;
	}

.btn_contact_us span
	{
	display:none;
	}

.btn_view_demo
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_view_demo.gif) no-repeat;
	}

.btn_view_demo span
	{
	display:none;
	}

.btn_watch_demo
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/products/btn_watch_demo.gif) no-repeat;
	}

.btn_watch_demo span
	{
	display:none;
	}

.btn_upgrade_now_blue
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/products/btn_upgrade_now_blue.gif) no-repeat;
	}

.btn_upgrade_now_blue span
	{
	display:none;
	}

.btn_compare_prices
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_compare_prices.gif) no-repeat;
	}

.btn_compare_prices span
	{
	display:none;
	}

.btn_downloadPDF
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/solutions/btn_downloadPDF.gif) no-repeat;
	}

.btn_downloadPDF span
	{
	display:none;
	}

.btn_start_free_trial
	{
	display: block;
	margin: 0 0 0 10px;
	width: 111px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_start_free_trial.gif) no-repeat;
	}

.btn_start_free_trial span
	{
	display:none;
	}

.btn_download_plugins
	{
	display: block;
	margin: 0 0 0 10px;
	width: 127px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_download_plugins.gif) no-repeat;
	}

.btn_download_plugins span
	{
	display:none;
	}

.btn_download_bridge_cs3_plug
	{
	display: block;
	margin: 0 0 0 10px;
	width: 184px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_download_bridge_cs3_plugin.gif) no-repeat;
	}

.btn_download_bridge_cs3_plug span
	{
	display:none;
	}

.btn_download_bridge_cs4_plug
	{
	display: block;
	margin: 0 0 0 10px;
	width: 184px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_download_bridge_cs4_plugin.gif) no-repeat;
	}

.btn_download_bridge_cs4_plug span
	{
	display:none;
	}

.btn_download_lightroom_plug
	{
	display: block;
	margin: 0 0 0 10px;
	width: 176px;
	height: 27px;
	background: url(../../images/Portal/maincontent_buttons/btn_download_lightroom_plugin.gif) no-repeat;
	}

.btn_download_lightroom_plug span
	{
	display: none;
	}


/* ==POPUP STYLES== */

.previewPopup
{
	width: 885px;
	height: 720px;
}

.manageContentPopup
{
	width: 350px;
	height: 220px;
}

.restrictionPopup
{
	width: 630px;
	height: 400px;
}

.keywordGenPopup
{
	width: 520px;
	height: 560px;
}

.releasePopup
{
	width: 700px;
	height: 420px;
}

.modalPopup
{
	padding: 8px 10px 10px 10px;
    background: #fff url(../../images/preview_top_bg.gif) top left repeat-x;
    border-style: solid;
    border-color: #999;
    border-width: 2px;
    vertical-align: middle;
    overflow: auto;
}

.modalPopup a
{
    color: #000000;
}

.modalBackground 
{ 
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}


.leftStorageBar
{
	background: url(../../images/redGradient.jpg) top left repeat-x; 
}

.rightStorageBar
{
	background: url(../../images/greenGradient.jpg) top left repeat-x; 
}

