﻿*
{
    font-family:helvetica, Arial, Verdana;
}

.button.green {
    background: #44dd00;
    background: -webkit-gradient(linear, left top, left bottom, from(#33ee00), to(#33cc00)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #44ff00, #44dd00) !important;
    background: -o-linear-gradient(top, #44ff00, #44dd00) !important;
    background: linear-gradient(top, #44ff00, #44dd00) !important;
    border: solid 1px #33bb00 !important;
    color: #fff !important;
    text-shadow: -1px -1px 0px #22cc00 !important;
    font-weight: bold !important;
}

    .button.green:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#44ff00), to(#44ee00)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #44ff00, #44ee00) !important;
        background: -o-linear-gradient(top, #44ff00, #44ee00) !important;
        background: linear-gradient(top, #44ff00, #44ee00) !important;
        border: solid 1px #44dd00 !important;
        color: #fff !important;
        text-shadow: -1px -1px 0px #22dd00 !important;
        font-weight: bold !important;
    }

    .button.green:active {
        background: #44ee00 !important;
        border: solid 1px #44dd00 !important;
        color: #fff !important;
        text-shadow: 1px 1px 0px #44dd00 !important;
        font-weight: bold !important;
    }

.button.gray {
    background-image: url("/images/backgrounds/grey.svg") !important;
    background-color: #e5e5e5 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0) !important;
    background: -o-linear-gradient(top, #f5f5f5, #e0e0e0) !important;
    background: linear-gradient(top, #f5f5f5, #e0e0e0) !important;
    border: solid 1px #ccc !important;
    color: #555 !important;
    text-shadow: 1px 1px 0px #fff !important;
    font-weight: bold !important;
}

    .button.gray:hover {
        background-image: url("/images/backgrounds/grey_hover.svg") !important;
        background-color: #f0f0f0 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)) !important; /* for webkit browsers */
        background: -moz-linear-gradient(top, #fff, #e0e0e0) !important;
        background: -o-linear-gradient(top, #fff, #e0e0e0) !important;
        background: linear-gradient(top, #fff, #e0e0e0) !important;
        border: solid 1px #ccc !important;
        color: #555 !important;
        text-shadow: 1px 1px 0px #fff !important;
        font-weight: bold !important;
    }

    .button.gray:active {
        background-color: #f0f0f0 !important;
        border: solid 1px #ddd !important;
        color: #555 !important;
        text-shadow: -1px -1px 0px #fff !important;
        font-weight: bold !important;
    }

.button.gold {
    background-color: #ffdd00 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFee00), to(#FFAF00)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFee00, #FFAF00) !important;
    background: -o-linear-gradient(top, #FFee00, #FFAF00) !important;
    background: linear-gradient(top, #FFee00, #FFAF00) !important;
    border: solid 1px #ddbb00 !important;
    color: #886600 !important;
    text-shadow: 0px 1px 0px #ffee00 !important;
    font-weight: bold !important;
}

    .button.gold:hover {
        background-color: #ffee00 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#FFAF00)) !important; /* for webkit browsers */
        background: -moz-linear-gradient(top, #FFFF00, #FFAF00) !important;
        background: -o-linear-gradient(top, #FFFF00, #FFAF00) !important;
        background: linear-gradient(top, #FFFF00, #FFAF00) !important;
        border: solid 1px #ddbb00 !important;
        color: #886600 !important;
        text-shadow: 0px 1px 0px #ffee00 !important;
        font-weight: bold !important;
    }

    .button.gold:active {
        background: #ffdd00 !important;
        border: solid 1px #ddbb00 !important;
        color: #886600 !important;
        font-weight: bold !important;
    }

.button.blue {
    background-color: #81a8cb !important;
    background-image: url("/images/backgrounds/blue.svg") !important;
    background: -moz-linear-gradient(top, #81b8db, #4477a1) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#81b8db), to(#4477a1)) !important; /* for webkit browsers */
    background: -o-linear-gradient(top, #81b8db, #4477a1) !important;
    background: linear-gradient(top, #81b8db, #4477a1) !important;
    border: solid 1px #4477a1 !important;
    color: #fff !important;
    text-shadow: -1px -1px 0px #4477a1 !important;
    font-weight: bold !important;
}

    .button.blue:hover {
        background-color: #85b3d0 !important;
        background-image: url("/images/backgrounds/blue_hover.svg") !important;
        background: -moz-linear-gradient(top, #81c8fb, #4477a1) !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#81c8fb), to(#4477a1)) !important; /* for webkit browsers */
        background: -o-linear-gradient(top, #81c8fb, #4477a1) !important;
        background: linear-gradient(top, #81c8fb, #4477a1) !important;
        border: solid 1px #4477aa !important;
        color: #fff !important;
        text-shadow: -1px -1px 0px #4477cc !important;
        font-weight: bold !important;
    }

    .button.blue:active {
        background: #4477a1 !important;
        border: solid 1px #4477aa !important;
        color: #fff !important;
        text-shadow: 1px 1px 0px #4477cc !important;
        font-weight: bold !important;
    }

.button.orange {
    background-color: #ff8800 !important;
    background-image: url("/images/backgrounds/orange.svg") !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8800), to(#ff3300)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #ff8800, #ff3300) !important;
    background: -o-linear-gradient(top, #ff8800, #ff3300) !important;
    background: linear-gradient(top, #ff8800, #ff3300) !important;
    border: solid 1px #ff3300 !important;
    color: #fff !important;
    text-shadow: -1px -1px 0px #ff3300 !important;
    font-weight: bold !important;
}

    .button.orange:hover {
        background-color: #ffaa00 !important;
        background-image: url("/images/backgrounds/orange_hover.svg") !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff4400)) !important; /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffcc00, #ff4400) !important;
        background: -o-linear-gradient(top, #ffcc00, #ff4400) !important;
        background: linear-gradient(top, #ffcc00, #ff4400) !important;
        border: solid 1px #ff6600 !important;
        color: #fff !important;
        text-shadow: -1px -1px 0px #ff3300 !important;
        font-weight: bold !important;
    }

    .button.orange:active {
        background-color: #ff8800 !important;
        border: solid 1px #ff8800 !important;
        color: #fff !important;
        text-shadow: 1px 1px 0px #ff3300 !important;
        font-weight: bold !important;
    }

.button.red {
    background-color: #ee3300 !important;
    background-image: url("/images/backgrounds/red.svg") !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5500), to(#cc0000)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #ff5500, #cc0000) !important;
    background: -o-linear-gradient(top, #ff5500, #cc0000) !important;
    background: linear-gradient(top, #ff5500, #cc0000) !important;
    border: solid 1px #b00 !important;
    color: #fff !important;
    text-shadow: -1px -1px 0px #b00 !important;
    font-weight: bold !important;
}

    .button.red:hover {
        background-color: #ee5500 !important;
        background-image: url("/images/backgrounds/red_hover.svg") !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8800), to(#CC0000)) !important; /* for webkit browsers */
        background: -moz-linear-gradient(top, #ff8800, #CC0000) !important;
        background: -o-linear-gradient(top, #ff8800, #CC0000) !important;
        background: linear-gradient(top, #ff8800, #CC0000) !important;
        border: solid 1px #b00 !important;
        color: #fff !important;
        text-shadow: -1px -1px 0px #b00 !important;
        font-weight: bold !important;
    }

    .button.red:active {
        background: #ff3300 !important;
        border: solid 1px #b00 !important;
        color: #fff !important;
        text-shadow: 1px 1px 0px #b00 !important;
        font-weight: bold !important;
    }

.inset
{
     font-family: Lucida Grande !important;
    background-color: #666666 !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px !important;
}			
			
.button{
	border-radius:3px !important;
	padding: 10px;
	font-size:12pt;
	background-repeat:repeat;
	line-height:14pt !important;
	text-decoration:none;
}
			
.round{
	border-radius:20px !important;
	padding: 10px 20px !important;
	font-size:12pt !important;
}
	
.right-round{
	border-top-right-radius:20px !important;
	border-bottom-right-radius:20px !important;
	font-size:12pt !important;
	margin-left: -5px !important;
    box-shadow: none !important;
    padding: 12px 15px 8px !important;
}
		
.float-right
{
    float:right !important;
}
	
.float-left
{
    float:left !important;
}

.light-shadow
{
    box-shadow:1px 1px 3px #ddd;
}
			
.small{
	font-size:10pt !important;
	padding:5px 10px !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
				
}
			
.small:hover{
	font-size:10pt !important;
	padding:4px 8px !important;
	padding:5px 10px !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
			
.big{
	font-size:18pt !important;
}
			
.big:hover{
	font-size: 18pt !important;
}
			
.miniscule{
	padding:2px 6px !important;
	font-size:6pt !important;
}
			
.miniscule:hover{
	padding:2px 6px !important;
	font-size:6pt !important;
}
			
.button_example{
	display:inline-block !important;
}

.button span
{
    padding:0 !important;
}

.ui-accordion-header,
.ui-accordion-header:hover
{
    /*
    background: #f8f8ff;
    border: solid 1px #e8e8ee;  
    border-radius: 10px;
    */    
    padding:2px !important;
}	

.ui-accordion-header a span,
.ui-accordion-header span,
.VerifiedURL, #targetLevel, #CampaignGoal, #ProdServKeywords, #VerifiedPhone {
    color: #555;
    text-decoration: none;
    font-size: 18pt;
    font-weight:bold;
}

.ui-accordion-header a {
    color: #AAA;
    font-size: 16pt;
    font-weight:bold;
}

.Verified
{
    font-size: 16pt;
}

.ui-accordion-content
{
    /*border: solid 1px #EEE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fefefe)); 
	background: -moz-linear-gradient(top,  #fff,  #f5f5f5);
    */
    padding: 10px;
    border-radius: 10px;
}

.big_input
{
    border: solid 1px #DDD;
    border-top: solid 1px #BBB;
    box-shadow:inset 1px 1px 1px #ddd;
    -moz-box-shadow:inset 1px 1px 1px #ddd;
    padding: 4px;
    color: #555;
    font-weight: bold;
}

.medium_input
{
    border: solid 1px #DDD;
    border-top: solid 1px #BBB;
    box-shadow:inset 1px 1px 1px #ddd;
    -moz-box-shadow:inset 1px 1px 1px #ddd;
    padding: 4px;
    color: #555;
    font-weight: bold;
}

.big_entry
{
    font-family: helvetica, verdana, tahoma;
    font-size: 18pt;
    padding: 5px 0;
    font-weight: bold;
    color: #555;
}

.big_entry label
{
    font-family: helvetica, verdana, tahoma;
    font-size: 16pt;
    padding: 5px 0;
    font-weight: normal;
    color: #555;
}

.quickinfo
{
    height:30px;
}

.kw_input
{
    margin:5px;
}

.ui-effects-wrapper
{
    height:auto !important;
}