/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - 

*{padding: 0; margin: 0;}*/

/* ----- global default/initial styles 
body {background-color:#fff;}

html, body {height:100%;}----- */

/* ----- base default font size, type, and line height ----- 
html body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}
html>body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}*/

/* ----- add selectors here for font sizing ----- 
p, label{font-size: 1.2em;}
*/
#JT_close_left, #JT_close_right{font-size: 12px;}
#JT_copy p, #JT_copy ul{font-size: 12pz;}



/* ----- base links ----- 
a:link {color: #CC6633;}
a:visited {color: #CC6633;}
a:hover {color: #999966;}
a:active {color: #CC6633;}
a:focus{color: #CC6633;}

p {line-height:1.4em;margin:10px 0;}
hr{margin:10px 0;color:#999999;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}
*/

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	
	background-image: url(../images/help2.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	/*background-color:#FF0000;*/
	font-size: 12px;
	font-weight:normal;
	padding:4px 6px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#e0e0e0;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/* Awesome Button Styles */
.awesome, .awesome a, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
	
    color: #FFFFFF; 
    font-family: Arial,Helvetica,Sans-Serif; 
    font-size: 13px;	
	
	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	/**/
	

}

.awesome:hover  
{
    
    background-color: #111; 
    color: #FFFFFF; 
    font-family: Arial,Helvetica,Sans-Serif; 
    font-size: 13px; 
    font-weight: bold; 
    text-decoration: none; 
    
}

.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: 0; }

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { 
    color: #FFFFFF; 
    font-size: 13px; 
    font-weight: bold; 
    /*
    line-height: 1; 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
    */
}

.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }

.orange.awesome, .orange.awesome a, .orange.awesome:visited		{ height: 18px; background-color: #ff5c00; color: #FFFFFF; font-family: Arial,Helvetica,Sans-Serif; font-size: 13px; font-weight: bold; text-decoration: none;}
.orange.awesome:hover							{  height: 18px; background-color: #d45500; color: #FFFFFF; font-family: Arial,Helvetica,Sans-Serif; font-size: 13px;  font-weight: bold; text-decoration: none;}

.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

#lnkbtnReset, #lnkbtnSubmit  
{
    height:26px;
    letter-spacing:0;
    /* padding:5px 15px;*/
    text-align:center;
    width:110px; 
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align:text-bottom;
}

a.lnkSubmit:active
{
    height: 26px; 
    width: 110px;
    margin: 15px 0px 0px 0px;
    background-image: url(../images/img_btn_orange.png);
    background-position:top;
    background-repeat:no-repeat;   
    /* padding: 16px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: text-bottom;
}
a.lnkSubmit:link
{
    height: 26px; 
    width: 110px;
    margin: 15px 0px 0px 0px;
    /* background: url(/ccweb.siteadministration/images/img_btn_orange.png) no-repeat;*/
    background-image: url(../images/img_btn_orange.png);
    background-position:top;
    background-repeat:no-repeat;   
    /* padding: 8px; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: text-bottom;
}
a.lnkSubmit:hover
{
    height: 26px; 
    width: 110px;
    margin: 15px 0px 0px 0px;
    background-image: url(../images/img_btn_orange_over.png);
    background-position:top;
    background-repeat:no-repeat;   
    /* padding: 8px; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: text-bottom;
}
a.lnkSubmit:visited
{
    height: 26px; 
    width: 110px;
    margin: 15px 0px 0px 0px;
    background-image: url(../images/img_btn_orange.png);
    background-position:top;
    background-repeat:no-repeat;   
    /* padding: 8px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: text-bottom;
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
}

