body, html {margin:0;padding:0;font: 14px Helvetica,Verdana,Arial, sans-serif;background: #dde4eb;}
h1, h2, h3, h4{font-family:arial,helvetica,sans-serif; font-weight:normal}
p, li, th{font-weight:normal}

h1{color:#222; font-size:34px; margin-top:5px}
h3{font-size:26px; margin:10px 0 0 0; padding:0}
h4{font-size:20px; margin:0}

#tabs{margin:5px 0 0 10px;padding:5px;float:left;}
#tabs li{padding:3px 0;}
#names a{margin-left:4px;color:#607082;text-decoration:none;}
.delete_t:hover, #names a:hover{text-decoration:none;color:#996060;border-bottom:1px dotted #CC6060;}
#tabs li ul{padding-left:15px;}
#tabs li ul li{font:13px Arial,Verdana,Helvetica,sans-serif;color:black;text-shadow:none;text-transform:none;padding-left:18px;}
.gender1{background:url(images/boy.png) center left no-repeat;}
.gender2{background:url(images/girl.png) center left no-repeat;}

fieldset,label,#tabs li{letter-spacing:0px;font-weight:bold;text-transform:uppercase;color:#607082;font-size:12px;display:block;text-shadow:#fff 1px 1px 0, #FFF 0 0 0;}
label{padding:7px 0 2px 0;}
label.check{display:inline;}
fieldset{letter-spacing:0.5px;width:290px;margin:5px 0; display:inline;border:0;background:#ccd3dc;border-top:2px solid #bbc2cb;border-bottom:2px solid #eef5fe;padding:5px;}
#problem fieldset{width:290px;background:#ccd3dc;border-top:2px solid #bbc2cb;border-bottom:2px solid #eef5fe; font-size:12px;}
#problem fieldset fieldset{width:275px;border:1px solid #aab1ba;}
fieldset label, #problemSpace p{font-size:13px;font-weight:normal;color:#484848;text-transform:none;text-shadow:none;padding:2px 0;}

#questions form {display:inline;margin:0;padding:0;}
#questions  form input{margin:0;padding:0;}

p{color:#444; font-size:16px}
th{font-size:18px}
li{font-size:14px;}
li strong{color:#000; font-size:15px;font-weight:normal; background:#ffc}

button.add{text-transform:none;float:right;font-size:12px;text-shadow:none;}

.handle, .delete{
	padding:1px 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.handle{
	cursor:move; 
	border:1px solid #AAF;
	background:#dde4eb url(images/move.png) center no-repeat;
}
.mover{
	border:1px solid #00F;
	background-color:#00F;
}
.delete{
	margin-left:7px;	
	background:#ebdddd url(images/delete.png) center center no-repeat;
	border:1px solid #FAA;
	text-decoration:none;
}
.delete:hover{
	border:1px solid #F00;
	background:#F00 url(http://localhost:8888/amm/images/delete.png) center no-repeat;
}


a img{border:0}
a{color:#607082}
a:hover{color:#93a3b5;}

#paper{border:1px solid #fff; border-left:1px solid #666;padding:0; margin:0 0 0 320px; background:#fff;}
#paper h1{margin:10px; font-size:20px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;font-family:"american typewriter","courier new", courier, monospace;}

#nav{
border-bottom:1px solid #000;
		width:100%; 
		background:#555; 
		background: -moz-linear-gradient(top, #333, #666);		
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#666)); 		
		color:#fff; 
padding:10px 0 2px 0px; margin:0;
	}

#nav ul{margin-left:5px;}
#nav a{color:#fff;text-decoration:none;text-shadow:-1px -1px 0 #000;}
#buttons{margin:5px 0 2px 5px;}
#buttons div{
	display:inline;
	font-size:14px;
	margin:0 5px;
	padding: 6px 0 0 24px;
}
.noMargin{margin:0;}
.logout{background:url(images/logout.png) 0px 2px no-repeat;}
.password{background:url(images/settings.png) 5px 2px no-repeat;}
.home{background:url(images/house.png) 5px 4px no-repeat;}
#saver{background:url(images/save.png) 5px 4px no-repeat;}
.print{background:url(images/printer.png) 5px 4px no-repeat;}
#shareLi{background:url(images/share.png) 5px 7px no-repeat;}
.slideshow{background:url(images/slideshow.png) 5px 6px no-repeat;}
.clearAll{background:url(images/clear.png) 5px 4px no-repeat;}
.bug{background:url(images/bug.png) 5px 4px no-repeat;}


#buttons a{padding:2px;}
#buttons a:hover{color:#cDf;}

#questions{min-height:600px;padding-left:30px;}
#questions li{font-size:14px;padding:5px;margin-right:10px;line-height:175%;background-color:#fff;}
#questions li p{display:inline;}

.fr{position:relative;top:3px;}

#loader{position:absolute;top:50%;left:50%;text-align:center;z-index:9999;}
.hid{display:none;}
.strike{text-decoration: line-through;color:#4a4a4a;}
.highlight{background:#ffc;}
.note{font-size:14px;color:#777;}

#problemTypes,#problems{clear:both;float:left;width:300px;}
fieldset select{width:290px;}
fieldset fieldset select{width:275px;}
#problem{clear:both;float:left;width:290px;}

#problemSpace{float:left;padding-left:10px;}
select{font-size:12px;color:#444;margin:2px 0 7px 0;text-transform:none;}
#problemSpace p{margin:5px 0 5px 0;font-size:13px;color:#3A3A3A}

#movies{width:640px;height:505px;overflow:hidden;}
#movies div{width:640px;height:505px;}

.center{text-align:center}
.center h1, .center p{margin:0 0 10px 0;}
.center h1{font-size: 36px;}
.big{font-size:18px;}
#try,#signup{clear:both;margin:5px;width:190px;float:right;padding:7px;background:#CFF; border:2px solid #5df;}
#try{text-align:center}
#signup h4, #try h4{font-size:17px;margin:0;color:black;text-align:center;border-bottom:1px dashed #aaa;}
.short{float:right; width:210px; height:250px; border:2px solid #777; margin-right:3px; padding:10px;    background:white;      background:-webkit-gradient(linear,left top,left bottom,from(#eaeeff),to(#fff)); background:-moz-linear-gradient(top, #eaeeff, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeeff',endColorstr='#fff'); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.4); box-shadow:0px 0px 10px rgba(0,0,0,.4)}
.short h2{margin:0; font-size:28px; color:#333; font-style:italic; text-align:center; border-bottom:1px dashed #aaa}
.short form{text-align:center}
.short li{color:#444;line-height:150%;}
.short em{color:#000; padding:0 2px; background:#ffc; font-size:17px}
form{padding:10px}
.addNew{margin:10px; padding-left:5px; display:block}
#demo{background:#CFF; border:2px solid #5df; padding:5px; font-size:16px; line-height:1.5}
#demo p{margin:0;}
.warning{background:#FFe5e5; border:2px solid #f00; padding:3px 10px; margin:10px; color:#a00; font-size:14px}
.warning a{color:#600}
.warning a:hover{color:white; background:#F00}

.eD{display:none;}

.field{padding:3px; font:14px verdana,arial,helvetica,sans-serif; display:block; margin:5px 0}

#bigBack{background:#3bc4e5}
#main{padding-bottom:30px;min-height:600px;border-left:1px solid #777;border-bottom:1px solid #777;  background:#fff;margin:0;}

.skinny{margin-left:320px;}
.expand{font-size:14px; color:#222; padding:3px; background:#eee url(images/zoom_in.png) right center no-repeat; border:1px solid #ccc; margin:10px 0 0 0; cursor:pointer}
.expander{padding:10px 5px 5px 5px; border:1px solid #ccc; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-top:none; display:none}
.selected{background:#e3e3e3 url(images/zoom_out.png) right center no-repeat; border-right:1px solid #aaa; border-right:1px solid #aaa}
.h1-hover{background:#e3ffff; border:1px solid #aaa}

#acc{margin:0; padding:0}
#acc{float:left; width:300px; list-style:none; margin:0; padding:0; color:#033; margin:5px}
.bt_login, .ui-button{padding:5px; margin:5px 0; border:1px solid #bbb; border-right:1px solid #999; border-bottom:1px solid #999}
.bt_login, .ui-button{background:#eee;}

span.answer{color:#c00; margin-right:10px; padding:0 0 0 5px; font-style:italic; margin-top:1em}




table.tablesorter{
	font-size:13px;
	width:100%; 
	border-collapse:collapse; 
	margin:0; 
	text-align:left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th { 
	font-size:13px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 0 #dfdfdf;
	background:#ddd; 
	background: -moz-linear-gradient(top, #ccc, #eee);		
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc) to(#eee)); 		
	border:none;
        border-right:1px solid #ccc;
        border-bottom:1px solid #999;
	padding:4px
}
table.tablesorter thead tr .header{
	background-image:url(bg.gif);
	background-repeat:no-repeat; 
	background-position:center right; 
	cursor:pointer;
}

#dataTable_filter{
color:white;
position:absolute;
top:7px;
right:10px;
text-aligh:right;
}

table.tablesorter tbody td{color:#555; padding:5px; vertical-align:top}
table.tablesorter thead tr .headerSortUp{background-image:url(asc.gif)}
table.tablesorter thead tr .headerSortDown{background-image:url(desc.gif)}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp{background-color:#ccc}
table.tablesorter td.name{width:250px;}
table.tablesorter td{width:100px;border-bottom:1px solid #e0e4eA;}
table.tablesorter td.name a{font-weight:bold}

#adjective, #area, #perimeter{width:720px}
#adjective legend, #area legend, #perimeter legend{font-weight:bold; font-size:16px; color:#333}

.hover{background:#FFC;}

.ui-button, #acc button{background:#eee url(images/add.png) 5px center no-repeat; padding:5px 5px 5px 23px}
.clear{clear:both}

/*Division House*/
.longDivision{margin-left:5px;padding:3px 0 0 3px;border-left:2px solid #333;border-top:2px solid #333;}

#shareSpan{background:#eee;position:absolute;top:1em;border:1px solid #aaa;border-top:none;padding:5px;text-align:right;width:250px;}
#shareSpan input{margin-bottom:5px;}
#shareSpan a{text-shadow:none;color:#000;margin:3px;padding:3px;}
#shareSpan a:hover{color:#aaa;}

#sharedList{color:#333;text-align:left;}
#sharedList ul{list-style-type:disc;display:block;}
span#sharedList ul{padding:0;}
span#sharedList ul li{display:block;padding:2px 0;font-size:11px;}
#sharedList h6{font-size:12px;padding:0;margin:0;}
#shared p{margin:5px 0;text-align:left;font-size:12px;}
#to{width:240px;height:20px;}
#send{margin:5px 0 0 0;}
.oops{color:red;}
.yay{color:green;}

.name{border-bottom:1px dashed #ccc;}

#main.mainSmall{margin-left:80px;padding:10px 0 0 15px;}
.mainSmall h1{margin:0;}

select{
color: #404040;
padding:2px 0;
}
input[type=text], input[type=password] 
{
 -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  background:              #eee;
  background:             -moz-linear-gradient(0% 170% 90deg, white,  #eee);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from( #eee), to(white));
  border:                  1px solid;
  border-color:            #999 #ccc #ccc #999;
  border-radius:           3px;
  color:                   #404040;
  outline                  0;
font-size:12px;
  padding:                 3px 5px 3px;

}
input[type=submit],button,a.button{
  -moz-border-radius:      5px;
  -webkit-border-radius:   5px;
border-radius:5px;
  background:              #eee;
  background:             -moz-linear-gradient(0% 180% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
  border:                  1px solid;
  border-color:            #ccc #999 #999 #ccc;
  color:                   #404040;
  display:                 inline-block;
  font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size:               13px;
  outline                  0;
  padding:                 3px 5px 3px;
  text-align:              center;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
text-transform:none; }

input[type=submit]:hover,button:hover,a.button:hover{    
background:           -moz-linear-gradient(0% 170% 90deg,#eee, #ddd);
    background:           -webkit-gradient(linear, 0% 0%, 0% 170%, to(#ddd),from(#eee));
    border-color:          #aaa;
    color:                 #333333;
}


button:active,a.button:active{
    position:              relative;
    top:                   1px;
}

button:active, button:focus,a.button:active, a.button:focus {
    background-position:   0 -25px;
    background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
    background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
    border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
    color:                 #1a1a1a;
    text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5); }

a.add{  padding:                 5px 8px 5px;}
#name{width:145px;}