/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		Envision
   TEMPLATE CODE: 	S-0013
   VERSION:          1.1
	LAST MODIFIED     Nov-14-2007 	
 *******************************************/

/*******************************-left*************
   HTML ELEMENTS
********************************************/

/* Top Elements */


/*Fix for invisible telerik controls in IE*/
/*textarea, input, button, textbox
{
    visibility: visible !important;
}*/

paddingBtn
{
	padding-left:1px;
	}
h1
{
    border-bottom: solid 1px #C9EFF5;
    padding-right: 10px;
    width: 98%;
}

paddingLeftRight
{
	padding-right: 70px;
	padding-left:15px;
	}
	


/* RadGrid clipping Fix begins */
.RadGrid .rgHeader, .RadGrid .rgRow td, .RadGrid .rgAltRow td
{
    overflow: hidden;
}

/* RadGrid clipping Fix ends */

* html, * html body
{
    height: 100%;
}


body
{
    background: #030d16;
    font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
    color: #06293d;
    text-align: center;
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-position: top;
    margin: 0px;
}

/* links */
a, a:visited
{
    text-decoration: none;
    color: #2180BC; /*background: inherit;*/
    text-align: right;
    font-weight: 700;
}
a:hover
{
    color: #88ac0b;
    background: inherit;
    text-decoration: underline;
}

/* headers */
h1, h2, h3
{
    font-family: Arial;
}
h1
{
    font-size: 20px;
    font-weight: normal;
    color: #333333;
}
h2
{
    text-align: left;
    font-size: 19px;
    color: #53859a;
}

/* images 
img {
	background: #FAFAFA;
   border: 1px solid #E5E5E5;
	padding: 0px;
    width: 70px;

   border: 1px solid #E5E5E5;
	padding: 0px;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}
*/
h1, h2, h3, p
{
    padding: 10px 0px 10px 0px;
    margin: 0;
}
ul, ol
{
    margin: 5px 20px;
    padding: 0 20px;
}

code
{
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace; /* white-space: pre; */
    background: #FAFAFA;
    border: 1px solid #f2f2f2;
}
acronym
{
    cursor: help;
    border-bottom: 1px dotted #777;
}
blockquote
{
    margin: 10px;
    padding: 0 0 0 28px;
    border: 1px solid #f2f2f2;
    background: #FAFAFA url(quote.gif) no-repeat 5px 5px;
}

.heading
{
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    color: #0d3e5e;
}

#main #headerimage
{
    position: absolute;
    top: 40px;
    left: 538px;
}

.maincontent
{
    padding-left: 13px;
    padding-right: 13px;
    color: #616161;
    font-size: 11px;
}
.alignLeft
{
    text-align:left;
}
.alignCenter
{
    text-align:center;
}
/* end - table */

/* form elements */





/********************************************
   LAYOUT
********************************************/
.wrap
{
    width: 832px;
    background-color: White;
    margin: 0 auto;
    text-align: left; /* position:relative;*/
}
#wrap
{
    width: 832px;
    background-color: White;
    margin: 0 auto;
    text-align: left; /*position:relative;*/
}
#content-wrap
{
    clear: both;
    width: 832px;
    padding: 0;
    margin: 10px auto;
}
#header
{
    width: 832px;
    position: relative;
    height: 81px;
    background: #CCC url(headertapjoy.jpg) no-repeat center top;
    padding: 0;
    color: #FFF;
}
#header h1#logo-text a
{
    position: absolute;
    margin: 0;
    padding: 0;
    font: bolder 44px 'Trebuchet MS' , Arial, Sans-serif;
    letter-spacing: -2px;
    color: #FFF;
    text-transform: none;
    text-decoration: none;
    background: transparent; /* change the values of top and left to adjust the position of the logo*/
    top: 25px;
    left: 47px;
}
#header p#slogan
{
    position: absolute;
    margin: 0;
    padding: 0;
    font: normal 12px 'Trebuchet MS' , Arial, Sans-serif;
    text-transform: none;
    color: #FFF; /* change the values of top and left to adjust the position of the slogan*/
    top: 70px;
    left: 55px;
}

/* header links */

#header #support
{
    position: absolute;
    top: -10px;
    right: 280px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    width: 209px;
    height: 51px;
    background-image: url(support1.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-right:10px;
}

#header #user-icon
{
    position: absolute;
    top: 1px;
    right: 146px;
    color: #022030;
    font-size: 10px;
    font-weight: bold;
}

#header #header-links
{
    position: absolute;
    top: -30px;
    right: 11px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    width: 270px;
    height: 65px;
    background-image: url(welcomepanelscreen.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

#header #header-links a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    background-image: none;
    top: 3px;
}
#header #header-links a:hover
{
    color: #CCCCCC;
    font-weight: normal;
    text-decoration: none;
    background-image: none;
    top: 3px;
}

#header #header-links a:visited
{
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    background-image: none;
    top: 3px;
}

#header #header-links a:active
{
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    background-image: none;
    top: 3px;
}

#header #logo-links
{
    position: absolute;
    top: 3px;
    left: 05px;
    color: #C6DDEE;
    font-size: 10px;
    border: 0px;
}

#header #header-links #WelcomeText
{
    position: absolute;
    top: 4px;
    left: 4px;
}

/* Menu */
#menu
{
    font: bold 13px/37px Arial, Tahoma, Sans-serif;
    height: 35px;
    width: 528px;
    position: relative;
    margin-top: -43px;
    margin-left: 303px;
}
#menu ul
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu ul li
{
    display: inline;
}
#menu ul li a
{
    display: block;
    float: left;
    padding: 0 24px;
    color: #FFF;
    text-decoration: none;
    background-position: center;
    padding-left: 26px;
    width: 90;
}

.linkpadding
{
    padding-top: 5px;
    padding-left: 3px;
}

/*#menu ul li a:link {
	display: block;
	float: left;
	padding: 0 24px;
	color: #FFF;	
	text-decoration: none;
	background-position:center;
}*/



#menu ul li.last a
{
    background-position: center;
}
#menu ul li a:hover
{
    color: white;
    background-image: url(menuhover.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 90;
    height: 34;
}

/*#menu ul li a:visited {
	color: white;	
	background-image:url(menuhover.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
}*/

#menu ul li#current a
{
    color: white;
    background-image: url(menuhover.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.currentLink
{
    color: white;
    background-image: url(menuhover.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.diagram
{
    width: 475px;
    padding-left: 14px;
}

/* Main Column */
#main
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0px 0px 0px 0px;
    display: inline;
}
#main h2
{
    margin-top: 10px;
    font: Bold 19px 'Trebuchet MS' , Tahoma, Sans-serif;
    color: #53859a;
    padding: 0px 0 0px 0px;
    border-bottom: 1px solid #EFF0F1;
    text-transform: none;
}

#main h3
{
    margin-top: 12px;
    font: Bold 19px 'Arial' , Tahoma, Sans-serif;
    color: #224452;
    padding: 0px 0 0px 0px;
    border-bottom: 1px solid #EFF0F1;
    text-transform: none;
}

#main h2 a
{
    background: none;
    color: #88ac0b;
    text-decoration: none;
}


.post-footer
{
    background-color: #FAFAFA;
    padding: 5px;
    margin: 20px 10px 10px 10px;
    border: 1px solid #f2f2f2;
    font-size: 95%;
}
.post-footer .date
{
    background: url(clock.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}
.post-footer .comments
{
    background: url(comment.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}
.post-footer .readmore
{
    background: url(page.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

.logoImage
{
    padding-left: 0px;
    padding-top: -14px;
}


/* Footer */
#footer
{
    color: #6e6e6e;
    background: url(footer.jpg) no-repeat center top;
    clear: both;
    width: 832px;
    height: 35px;
    text-align: center;
    font-size: 92%;
    padding-top: 30px;
}
#footer a
{
    color: #414141;
    text-decoration: none;
}

/* alignment classes */
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}

.float-center
{
    float: left;
    margin-left: 200px;
}

.align-left
{
    text-align: left;
}
.align-right
{
    text-align: right;
}

.align-center
{
    text-align: center;
}

/* display and additional classes */
.clear
{
    clear: both;
}


#account
{
    text-align: right;
    margin-top: 0px;
    float: right;
    visibility: hidden;
}

#account .sep
{
    color: #999;
}

#profile-pic
{
    float: right;
    margin-left: 5px;
    margin-top: -5px;
}

#profile-pic img
{
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    margin: 0;
}

#welcome
{
    display: block;
    font-weight: bold;
}

#account a
{
    color: #9cc;
}

#account form
{
    margin: 10px 0;
}

#account input
{
    border: 1px solid #ccc;
    background: #ddd;
    font-weight: bold;
    font-family: Sans-Serif;
    width: 8em;
    vertical-align: middle;
}

#account .submit
{
    width: auto;
    color: #eee;
    background: #999;
    border: 1px solid #777;
}
#login
{
    text-align: left;
    margin-top: -36px;
    float: left;
}
#fblogin
{
    text-align: right;
    margin-top: -36px;
    float: right;
}

.pageHeader
{
    font-size: 30px;
    font-weight: bold;
}

.mainText
{
    font-size: 22px;
    font-family: Arial;
    line-height: 1.5;
}

HR
{
    color: #cacaca;
}

.partnerLogin
{
    width: 321px;
    height: 200px;
    padding-right: 18px;
    padding-top: 10px;
    background-image: url(partnerbox.jpg);
    background-position: top;
    background-repeat: no-repeat;
}

.playerLogin
{
    width: 321px;
    height: 146px;
    background-image: url(playerlogin.jpg);
    background-position: left;
    background-repeat: no-repeat;
}
.advertiserbox
{
    width: 304px;
    height: 138px;
    background-image: url(advertisersbox.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.publisherbox
{
    width: 304px;
    height: 138px;
    background-image: url(publisherbox.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.btnposition
{
    padding-left: 130px;
    padding-top: 65px;
}

.breadcrumbs
{
    padding-left: 0px;
    font-weight: bold;
}

.breadcrumbs a
{
    font-family: Arial;
    font-size: 12px;
    color: #6c6c6c;
}

.breadcrumbs a:hover
{
    font-family: Arial;
    font-size: 12px;
    color: #973d02;
    text-decoration: underine;
}

.leftlnktable
{
    width: 125px;
    background-color: #dae2e8;
    border-color: #5a7f9c;
    border-style: solid;
    border-width: thin;
    height: 300px;
}

.heading
{
    height: 30px;
    color: White;
    font-family: arial;
    font-size: 11px;
}


.leftlnktable a:link
{
    font-family: Arial;
    font-size: 11px;
    color: #3f5465;
    padding-left: 14px;
    position: relative;
    background-image: url(arrowicon.gif);
    background-position: left;
    background-repeat: no-repeat;
}

.leftlnktable a:visited
{
    font-family: Arial;
    font-size: 11px;
    color: #3f5465;
    padding-left: 14px;
    position: relative;
    background-image: url(arrowicon.gif);
    background-position: left;
    background-repeat: no-repeat;
}

.leftlnktable a:active
{
    font-family: Arial;
    font-size: 11px;
    color: #3f5465;
    padding-left: 14px;
    position: relative;
    background-image: url(arrowicon.gif);
    background-position: left;
    background-repeat: no-repeat;
}

.divider
{
    width: 100%;
    height: 11px;
    background-image: url(divider.jpg);
    background-position: center;
}

.leftlnktableheading
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: white;
    padding-left: 6px;
    position: relative;
    height: 24px;
    background-color: #718ca1;
    padding-top: 4px;
}

.facebookbg
{
    width: 328px;
    height: 134px;
    background-image: url(facebookbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.divRow
{
    float: left;
    text-align: left;
    width: 120px;
    margin-right: 10px;
    font-weight: bold;
}

.divRowIntegrate
{
    float: left;
    width: 120px;
    margin-right: 10px;
    font-weight: bold;
}

.divRowCurrency
{
    float: left;
    width: 160px;
    margin-right: 10px;
    font-weight: bold;
}
.divCol
{
    text-align: left;
}

.divRowPadding
{
    padding: 5px;
}

.graybox
{
    width: 556px;
    height: 173px;
    background-image: url(graybox.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.mainlogin
{
    font-family: Arial;
    font-size: 18px;
    line-height: 20px;
}

.errortext
{
    font-size: small;
    color: #FF0000;
    text-align: right;
}

.iphonebg
{
    background-image: url(iphone.jpg);
    width: 230px;
    height: 423px;
    background-repeat: no-repeat;
    background-position: top;
}

.androidbg
{
    background-image: url(android.jpg);
    width: 230px;
    height: 423px;
    background-repeat: no-repeat;
    background-position: top;
}

.grayheading
{
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    color: #686868;
}

.gameimage
{
    padding-left: 23px;
    padding-top: 73px;
}

.gamegraybox
{
    background-image: url("graybox.jpg");
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 196px;
}

.bluelink
{
    font-family: Arial;
    font-size: 22px;
    color: #154061;
}

.graymainbox
{
    background-image: url("graymainbox.jpg");
    background-position: top;
    background-repeat: no-repeat;
    width: 490px;
    height: 211px;
}

.featuredheading
{
    font-family: Arial;
    font-size: 32px;
    color: #000000;
}
.whiteback
{
    background-image: url("whiteback.jpg");
    background-position: top;
    background-repeat: no-repeat;
    width: 794px;
    height: 30px;
}

.startnowbtn
{
    width: 316;
    margin-left: 501px;
}

.loginwizard
{
    background-image: url('loginwizard.jpg');
    background-position: center;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 40px;
    width: 415px;
}

.editControl
{
    padding-left: 20px;
    padding-right: 20px;
}

.livecall
{
    padding-top: 0px;
    padding-left: 60px;
    cursor: pointer;
    cursor: hand;
}
.banner1
{
    padding-top: 12px;
    padding-left: 60px;
    cursor: pointer;
    cursor: hand;
}
.livechat
{
    padding-left: 0px;
    cursor: pointer;
    cursor: hand;
}

.paymentlinks
{
    padding-top: 2px;
    font-family: Arial;
}

ul#navlist
{
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
}
#navlist li
{
    display: inline;
    list-style-type: none;
}
#navlist a
{
    padding: 3px 10px;
}

.graybar
{
    background-image: url(graybartop.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 795px;
    height: 26px;
}

.appsbtn
{
    padding-left: 3px;
    padding-top: 4px;
}

.appsadbtn
{
    padding-left: 582px;
    padding-top: 4px;
}

.appsbox
{
    background-image: url(appsbox.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 810px;
    height: 99px;
}

.lightbluebox
{
    background-image: url('lightbluebox.jpg');
    background-position: center;
    background-repeat: no-repeat;
    width: 804px;
    height: 120px;
    font: arial;
    color: White;
}

.toplightblue
{
    background-image: url('toplightblue1.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 540px;
    height: 23px;
    left: 2px;
    color: #091319;
    padding-left: 8px;
    font-family: Arial;
    font-weight: bold;
    padding-top: 2px;
}

.dashbox1
{
    background-image: url(dashbox1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    padding-left: 10px;
}

.dashbox2
{
    background-image: url('dashbox2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    padding-left: 10px;
}

.dashbox3
{
    background-image: url(dashbox3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    padding-left: 6px;
}

.dashbox4
{
    background-image: url(dashbox4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    padding-left: 6px;
}

.blueboxheading
{
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    padding-top: 2px;
}
.midcontrol
{
    /* background-image:url(controlmid.jpg);     background-repeat:repeat-y;*/
}

.error1
{
    border-color: #c0c0c0;
    border-width: 0;
}
.error2
{
    font-size: small;
    font-family: Arial;
}
.error3
{
    font-size: 16px;
    font-family: Arial;
    text-align: center;
}

.estrev
{
    font-family: Arial;
    font-size: 11px;
    color: #6b6b6b;
}

.sstyle2
{
    text-align: left;
    vertical-align: top;
    padding-top: 7px;
}
.devbox
{
    background-image: url('bg.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-position: 0px 5px;
    text-align: left;
    height: 259px;
    vertical-align: top;
}

.sstyle4
{
    border-color: #c0c0c0;
    border-width: 0;
}
.sstyle5
{
    text-align: center;
}
.sstyle6
{
    text-align: left;
    vertical-align: top;
}
.panel_bg
{
    background-image: none !important;
    background-color: #8BAABC;
    border: 0px !important;
    text-align: left !important;
    height: 38px !important;
    vertical-align: middle !important;
    padding-top: 4px !important;
    width: 170px !important;
}

.Div2
{
    width: 200px !important;
}
.selected
{
    background-color: White !important;
}


.CustomizedTD
{
    padding-bottom: 5px;
}

.GrayDropDown
{
    color: Gray;
}