* {
	margin: 0; 
	padding: 0;
	outline: none;
}

img {
	border: none;
}

body {
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	line-height: 1.5;
	font-size: 12px;
	color: #4f4f4f;
	background-color: #f0f0f0;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 8px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 6px;
}

li {
    list-style-type:        square;
    list-style-position:    outside;
    margin-left:            2em;
}

.plain li {
    list-style-type:        none;
    list-style-position:    inside;
    margin-left:            0;
}

p {
	padding: 0 0 0.5em 0;
}

a {
	text-decoration: none;
	color: #51B846;
}

a:hover 
{
	text-decoration: underline;
}

.small {
	font-size: small;
}


.button {
	outline:                0; 
	margin:                 0 4px 0 0; 
	padding:                .6em 1em; 
	text-decoration:        none !important; 
	cursor:                 pointer; 
	position:               relative; 
    
       
    background:             #505866;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(#505866), from(#7c8697));
    background:             -moz-linear-gradient(-90deg,#7c8697,#505866);
    
    border:                 1px solid #3c4657;
    
    color:                  white;
}

.button:hover {
    background:             #408ac5;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(#408ac5), from(#2e6590));
    background:             -moz-linear-gradient(-90deg,#2e6590,#408ac5);
}

.buttonIcon {
	padding-left:   20px;
}

.buttonSet .button {
	margin-right:   0px;
	float:          left;
}




/* Tab */
.indent {
	left: 1em;
}

img.inline {
	vertical-align: middle;
}

/* Center the main content */
.main {
	width:	960px;
	margin: 0 auto;
}

/* A hidden element */
.hidden {
	display: none;
}

/* A link */
.link {
	cursor: pointer;
}

.center {
	text-align: center;
}

div.center 
{
	margin: 0 auto;
}

/* For content alignment */
.left {
	float: left;
}

.right {
	float: right;
}

.leftIndent {
	position: relative;
	left: -1em;
}

.rightIndent {
	position: relative;
	left: 1em;
}

.column {
	width: 50%;
}

.bigColumn {
	width: 66%;
}

.smallColumn {
	width: 32%;
}

.borderBottom 
{
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

/* Separating div */
div.separator {
	height: 1em;
}

div.smallSeparator {
	height: 0.5em;
}

div.bigSeparator {
	height: 2em;
}

/* Clearing div */
div.clear {
	clear: both;
}

/* We use this at the beginning or the end of the content */
div.topMargin {
	height: 100px;
}

/* We use this at the beginning or the end of the content */
div.margin {
	height: 50px;
}


/* Panel stuff */		
.panel {
    position:			relative;
}

.panel .container {
	padding:            1em;
    background:			#fff;
	border:				1px solid #aaa;
    border-top:         none;
}

.panel .header {
	font-weight:		normal;
	color:				#646464;
    background:         #eee;
    background:         -webkit-gradient(linear, 0% 0%, 0% 100%, to(#cccccc), from(#e2e2e2));
    background:         -moz-linear-gradient(-90deg,#e2e2e2,#cccccc);
	border:				1px solid #aaa;
    padding:            0 1em 0 1em;
    text-shadow:        0px 1px 0px #EEE;
}



.ui-tabs-nav li a {
	font-size: large;
}


/*     The header rules     */
#header {
	position:   absolute;
    top:        0;
    width:      100%;
}


#headerContainer {
	position:	relative;
	height:		80px;
}


#logo {
	position:	absolute;
	top:		10px;
	left:		0;
}

#logo span 
{
	position:	absolute;
	color:		#aaa;
	right:		0;
	bottom:		-5px;
}

#account {
	position:				absolute;
	top:					14px;
	right:					0;
	
	background:				#000000;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(#5a5a5a), from(#000000));
    background:             -moz-linear-gradient(-90deg,#000000,#5a5a5a);
	
	border:                 1px solid #A7A7A7;
	-moz-border-radius: 	5px;
    -webkit-border-radius:	5px;
    background:				#dcdce1;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(#bec3c8), from(#dcdce1));
    background:             -moz-linear-gradient(-90deg,#dcdce1,#bec3c8);
	
	
    padding:    5px 0;
}

#account a {
    color:                  #444;
}

#account a:hover {
    color:                  black;
}

#account li {
	display:                inline;
	padding:                3px 16px;
    margin-left:            0;
    border-right:           1px dotted #aaaaaa;
}

#account li.last {
    border-right:           none;
}



.breadcrums {
    position:               absolute;
    right:                  0;
    bottom:                 0;
    border:                 1px solid #A7A7A7;
    -moz-border-radius: 	5px;
    -webkit-border-radius:	5px;
    background:				#dcdce1;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(#bec3c8), from(#dcdce1));
    background:             -moz-linear-gradient(-90deg,#dcdce1,#bec3c8);
}

.breadcrums li {
    display:                inline;
    padding:                10px 32px;
    position:               relative;
    background:             url('http://d2tnlr2j50gspf.cloudfront.net/pages/common/breadcrumDivider.png') no-repeat center left;
    font-size:              12px;
}

.breadcrums li.first {
    background:             none;
}

.breadcrums li a { 
    color:                  #444;
}


/* Main content */
#content {
    padding:                50px 0 50px 0;
}

    
        

/* EULA, etc */
#footer {
	font-family:            Century Gothic,Avant Garde,sans-serif;
	position:               relative;    
}

#footerShadow {
    position:               absolute;
    top:                    0;
    height:                 16px;
    width:                  100%;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(rgba(255,255,255,0)), from(rgba(128,128,128,1)));
    background:             -moz-linear-gradient(-90deg,rgba(128,128,128,1),rgba(255,255,255,0));
}

#footer a {
	color:                  #333;
	font-size:              small;
	padding:                0 10px;
	text-decoration:        none;
}

#footer a.active {
	background:             #f0f0f0;
	border:                 1px solid #888;
	border-top:             none;
	-moz-border-radius-bottomright: 	5px;
	-webkit-border-bottom-right-radius:	5px;
}

.no-title .ui-dialog-titlebar {
	display:                none;
}

#progressDialog .close {
	display:			none;
}


.overlay { 
	display:                none; 
	z-index:                10000; 
	background-color:       #000;
	color:                  #aaa;
	border:                 1px solid	#aaa; 
} 

.overlay .close { 
	background-image:       url(http://d2tnlr2j50gspf.cloudfront.net/pages/common/close.png); 
	position:               absolute; 
	right:                  -16px; 
	top:                    -16px; 
	cursor:                 pointer; 
	height:                 32px; 
	width:                  32px; 
}

.overlay h1 {
	text-align:             center;
	padding:                0.5em;
    color:                  #ddd;
    background:             #000;
    background:             -webkit-gradient(linear, 0% 0%, 0% 100%, to(#2a2e31), from(#000));
    background:             -moz-linear-gradient(-90deg,#2a2e31,#000);
    border-bottom:          1px solid #4a4e51;

}

.overlay .container {
    padding:                3em;
}

#shutdown {
    color:                  #ae0907;
    background:             #fff;
    margin:                 0 auto;
    margin-top:             120px;
    margin-bottom:          20px;
    width:                  500px;
    padding:                30px;
    border:                 1px solid #aaa;
}


/* Animeeple specific changes */
.dropshadow {
	box-shadow:         0px 5px 10px #aaa;
	-webkit-box-shadow: 0px 5px 10px #aaa;
	-moz-box-shadow:    0px 5px 10px #aaa;
}

.inshadow {
	box-shadow:         inset 0px 0px 5px #aaa;
	-webkit-box-shadow: inset 0px 0px 5px #aaa;
	-moz-box-shadow:    inset 0px 0px 5px #aaa;
}

.corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }