/* ActiveTrail new UI patterns */

body
{
	font-size: 13px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-family : Arial , Verdana ;
}


.at-ui-dialog
{	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-size : 13px;
	font-family : Arial , Verdana ;
}

h2 
{
	color: #000000;
	padding :0px;
	margin : 0px;
	font-size : 20px;
}


/* Dialogs */
.at-ui-dialog-title
{
}

.at-ui-dialog-text
{
	font-size:13px;
}

.at-ui-hidden
{
	display : none ;
}


.at-ui-silver
{
	color: Gray;
}

.at-ui-right
{
	text-align: right;
}

.at-ui-left
{
	text-align: left;
}

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

.at-ui-float-right
{
	float : right ;
}
.at-ui-float-left
{
	float : left ;
}
.at-ui-panel
{
	background-color: #F5F5F5 ;
	width: 100%;
}

.at-ui-panel-title
{
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}
.at-ui-panel-subtitle
{
	font-size: 10px;
	color: #003366;
}
.at-ui-panel-text
{
	font-size: 13px;
	color: Black;
}

.at-ui-panel-field
{
	border: solid 1px black;
}

/***************  Bordered Panel  **********************/

.at-ui-borderedpanel
{
	background-color: #E1EBF7 ;
	color: #003366;
	border: #8fa8c1 1px solid;
	padding:10px;
}

.at-ui-borderedpanel-title
{
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}
.at-ui-borderedpanel-text
{
	font-size: 13px;
	color: #003366;
}

.at-ui-borderedpanel-seperator
{
	border-bottom: #8fa8c1 1px solid;
	height: 0px;
	font-size:0px;
}

/*************** End Bordered Panel  **********************/

.at-ui-clear
{
	clear: both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

.at-ui-italic
{
	font-style: italic;
}

.at-ui-grid
{
	font-family: Arial;
}

.at-ui-grid-cell
{
}

.at-ui-textfield
{
	width: 180px;
	height: 25px;
	font-size: 18px;
}
.at-ui-button
{
	background-color : #245190;
	border-width : 0px;
	color : #ffffff;
	padding : 0px 3px 0px 3px;
	margin-left : 2px;
	margin-right : 2px;
	cursor : pointer ;
	font-weight : bold ;
	font-family : Verdana ;
}

.at-ui-button-big a
{
	color : #ffffff;
	text-decoration : underline;
	font-size: 16px;
	
}

.at-ui-button-big a:visited
{
	color : #ffffff;
	text-decoration : underline;
	font-size: 17px;
	font-family : Arial ;
}

.at-ui-ltr
{
	direction : ltr ;
}

.at-ui-rtl
{
	direction : rtl ;
}

.ui-dialog .at-ui-center
{
	text-align : center ;
}

.ui-dialog .at-ui-right
{
	text-align : right ;
}


.at-ui-box
{
	font-size: 90%;
	min-height: 350px;
	width: 650px;
	margin: 50px auto;
	border-color: #87B6D9;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	color: #44403f;
}
.at-ui-box-content
{
	padding: 5px;
}
.at-ui-box-footer
{
	width: 100%;
	min-height: 50px;
	color:#44403f;
	vertical-align: bottom;
	float: none;
	
	
}
.at-ui-box-header
{
	width: 100%;
	height: 200px;
	background-color: #87B6D9;
	vertical-align: bottom;
	float: none;
	background: url(../img/box-background.png);
	background-repeat: repeat-x;
}


.at-ui-box-text
{
	padding-left: 15px;
	padding-right: 15px;
}

.at-ui-box-text h2
{
	color: #44403f;	
}


.at-ui-button-big
{
    background-color: #245190;
    width: 140px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    color: #fff;
    margin:0px;
}
.at-ui-panel ul
{
    list-style: none;
    color: #000000;
    margin : 0px;
    margin-left: 5px;
    margin-right : 5px;
    padding-left: 5px;
    padding-right : 5px;
    width: 150px;
}
.at-ui-panel ul li
{
    padding-bottom: 3px;
}
.at-ui-multibutton
{
    width:99%;
    display: block ;
    border-bottom: dashed 1px silver;
    padding: 1px;
    padding-bottom: 13px;
    padding-top: 13px;

}
.at-ui-panel ul a
{
    color: #666666;
    font-size: 13px;
    vertical-align: top;
}
.at-ui-noborder
{
    border-width: 0px;
}
.at-ui-panel h1
{
    color: #000000;
    margin-bottom: 0px;
}

.Rec .at-ui-panel h1
{
    color: #000000;
    margin-bottom: 0px;
}
.at-ui-text-header
{
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: visible;
    font-weight: bold;
    color:#ffffff;
}
.at-ui-text
{
    font-size: 13px;
}

.ui-state-highlight ul
{
	width : auto;
	padding:5px;
	list-style-type : disc ;
	display : block ;
}

.ui-state-highlight li
{
	margin-bottom :10px;
}

.at-ui-nopadding
{
	padding:0px;
}

.InstructionPurple2 a
{
	color:#ffffff;
}

.InstructionPurple2 a:visited
{
	color:#ffffff;
	font-size : 13px;
	font-weight : bold;
}

.at-ui-status
{
	background-color : #658000 ;
	padding : 3px;
	width : 100%;
}

.at-ui-status span.text {
	color : #ffffff;
}

.at-ui-status .at-text-header
{
	color : #ffffff;
}

.at-ui-panel-help
{
	background-color : #577cbe;
	background-image : none;
	border : solid 1px gray;
}

.at-ui-panel-help UL
{
	color : #ffffff;
}

.at-ui-panel-help UL li a
{
	color : #ffffff;
}



/*  Getting started css  */
.at-gs-lightblue
{
	background-color : #f5f8fd ;
}


.at-gs-blue
{
	background-color : #edf4fc;
}

.at-gs-border
{
	border : solid 1px #bbcddb;
}

.at-gs-padding
{
	padding : 10px 20px 10px 20px;
}

.at-gs
{
	font-family : arial;
	font-size : 11px;
	
}

.at-gs h1
{
	color : #245190;
	padding : 0px; 
	margin : 0px;
	font-size : 24pt ;
	font-weight : normal ;
}

.at-gs h2
{
	color : #245190;
	padding : 0px; 
	margin : 0px;
	font-size : 20pt ;
	font-weight : normal ;
}

.at-gs-links
{
	text-align : center ;
	vertical-align : top ;
	padding-top : 50px;
}

.at-gs-links ul 
{
	padding : 0px ;
	margin : 0px ;
	list-style-type : none ;
	color : #245190;
}

.at-gs-links ul li 
{
padding-top : 2px;
padding-bottom : 2px;
}

.at-gs-links ul li a
{
	color : #245190;
	font-size : 11px; 
	font-weight : bold ;
	text-decoration : underline ;
	
}

.at-gs-info
{
	height: 160px; 
	padding-top : 21px;
	
}

.at-gs-info ul
{
	padding : 0px 5px 0px 5px ;
	margin : 0px ;
	list-style-image : url(../img/square.jpg);
}

.at-gs-info ul li
{
	padding-bottom : 15px ;
	
}

.at-gs .at-gs-info a
{
	color: #245190;
	text-decoration : none;
}

.at-demo-summary
{
	color : #245190 ;
	
}

.at-demo-summary a
{
	font-weight : bold ;
	color : #245190;
}

.at-right-arrow
{
	background-image : url(../Img/right_arrow.png);
	background-repeat : no-repeat ;
	background-position : 0px 5px;
	width : 5px; 
	height : 7px;
	
}
.at-grid 
{
	width : 100%;
	
}

.at-grid .at-grid-item .at-grid-start
{
	width : 11% ;
}

.at-grid .at-grid-item div
{
	width : 62%;
}

.at-grid .at-grid-item .at-grid-end	
{
	width : 26% ;
	text-align : center ;
}

.at-grid-selected
{
    background-color: #BDD3E8;
}
.at-grid-item
{
	width: auto ;
	height: 20px;
    border-bottom: solid 1px #BDD3E8;
    font-size: 13px;
    color: Black;
    display : block;
    padding: 2px 5px 2px 5px;
    margin-bottom : 1px;
}
.at-ui-content_dialog
{
	width:500px;
}