/* scrollable root element */
#selector {
    border:1px solid silver;
    font-size:12px;
    min-height:600px;
    margin:20px auto;
    width:100%;
	overflow-x: hidden;
	overflow-y: visible;
    position:relative;
    background-color: white;

    /* rounded corners for modern browsers */
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

/* scrollable items */
#selector .items {
    width:20000em;
    clear:both;
    position:absolute;
}

/* single item */
#selector .page {
    padding:20px 30px;
    width:640px;
    float:left;
}

/* title */
#selector h2 {
    border-bottom:1px dotted #ccc;
    font-size:22px;
    font-weight:normal;
    margin:10px 0 0 0;
    padding-bottom:15px;
}

#selector h2 em {
    display:block;
    font-size:14px;
    color:#666;
    font-style:normal;
    margin-top:5px;
}

/* input fields */
#selector ul {
    padding:0px !important;
    margin:0px !important;
}

#selector li {
    list-style-type:none;
    list-style-image:none;
    margin-bottom:25px;
}

#selector label {
    font-size:16px;
    display:block;
}

#selector label strong {
    color:#789;
    position:relative;
    top:-1px;
}

#selector label em {
    font-size:11px;
    color:#666;
    font-style:normal;
}

#selector .text {
    width:100%;
    padding:5px;
    border:1px solid #ccc;
    color:#456;
    letter-spacing:1px;
}

#selector select {
    border:1px solid #ccc;
    width:94%;
    padding:4px;
}
/*
#selector label span {
    color:#b8128f;
    font-weight:bold;
    position:relative;
    top:4px;
    font-size:20px;
}
*/

#selector .double label {
    width:50%;
    float:left;
}

#selector .double .text {
    width:93%;
}

#selector .clearfix {
    clear:left;
    padding-top:10px;
}

#selector .right {
    float:right;
}

#selector #status {
    margin:0px !important;
    height:35px;
    background:#ababab;
    padding-left:25px !important;
    _background:#ababab;
}


#status {
    /* rounded corners for modern browsers */
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;    
}    
    

#status li {
    list-style-type:none;
    list-style-image:none;
    float:left;
    color:#777777;
    padding:10px 30px;
}

#status li.active {
    background-color:white;
    font-weight:normal;
    color:#777777;
     /* rounded corners for modern browsers */
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;    
}


div.controls {
	margin-top: 40px;
}

.w-buttonset{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}


/*LESSON PLANNING =========================================================*/




.selector {
			font-family: "myriad-pro","myriad pro", sans-serif;
			
}

.selectorh1 {
			color:#83a2ff;
			font-size: 24px;
			margin-top: 20px;
			margin-bottom: 20px;
						
}			

.selectorh2 {
			color:#83a2ff;
			font-size: 14px;
			padding-bottom: 10px;

}



.w-buttonset p{

			padding: 0px;
			margin: 0px;
			margin-bottom: 20px;
			color: gray;
			font-size: 11px;
}

.numberblock {
			background-color:#777777;
			color:white;
			font-size: 14px;
			font-weight: bold;
			padding-left: 4px;
			padding-right: 3px;
			padding-top: 2px;
			padding-bottom: 1px;
			margin-right: 8px;
		
}

.selectorbtnfor {
    background-image:url(selectorbut.gif);
	background-position:-60px -80px;
	background-repeat:no-repeat;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 64px;
	background-color:white;
	color: #7f9ffd;
	height: 80px;
	width: 60px;	
	border:none;
}

.selectorbtnback {
    background-image:url(selectorbut.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 64px;
	background-color:white;
	color: #7f9ffd;
	height: 80px;
	width: 60px;
	border:none;
}

/*

.selectorbtnfor input[type="button"]:hover{

    background-image:url(selectorbut.gif);
	background-position:-60px 60px;

}

*/

.ui-button-text {
		color: blue;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
}


.ui-button {
    border:1px solid #blue;

}