@import url("alerts.css");
@import url("boxes.css");
@import url("buttons.css");
@import url("tables.css");

body {
	background-color:#FFF;
}

body, p, td, div {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
}

a{color: #000; text-decoration:none;}
a:hover{color: #c1272d; text-decoration:underline;}
a img{border: none;}

.left {float: left;}
.leftMargin {float: left; margin: 0 15px 0 0;}
.right {float: right;}
.noBold {font-weight: normal;}
.clear{clear: both; margin: 0; padding: 0; height: 0; line-height: 0;}

h2 {font-size: 16px;}

#msg{
	font-family: Verdana, sans-serif;
	margin: 5px 0 10px 0;
		padding: 5px 5px 5px 10px;
	line-height: 20px;
}

#msg h3 {
	font-size: 14px; 
	color: #3d3100; 
	letter-spacing: -1px; 
	font-weight: bold; 
	padding-bottom: 10px;
}

.notice{
	font-size: 11px;
    background: #fff8cc;
    color: #31363e; 
	border: 1px solid #ffdc50;
	}

.notice small{font-size: 10px; color: #707173;}
.notice p{margin: 0; padding: 0;}
.notice a{font-weight: bold; color: #fc683b;}

.success{
    background: #E2F9E3;
    color: #060; 
	border: 1px solid #9c9;
}
	
.error{
	background: #FFE3E0;
    color: #E31B0C; 
	border: 1px solid #DC6E66;
}

input[type="submit"] {
	background-color: #e43d90;
	padding: 5px; 
	border-top: 1px solid #e578af;
	border-right: 1px solid #b01d66;
	border-bottom: 1px solid #b01d66;
	border-left: 1px solid #e578af;
    color: #fefefe;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


input[type="submit"]:hover {
	background-color: #24afe9;
	padding: 5px; 
	border-top: 1px solid #ace0fd;
	border-right: 1px solid #0076c4;
	border-bottom: 1px solid #0076c4;
	border-left: 1px solid #ace0fd;
    color: #fefefe;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

input[type="button"] {
	background-color: #e43d90;
	padding: 5px; 
	border-top: 1px solid #e578af;
	border-right: 1px solid #b01d66;
	border-bottom: 1px solid #b01d66;
	border-left: 1px solid #e578af;
    color: #fefefe;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


input[type="button"]:hover {
	background-color: #24afe9;
	padding: 5px; 
	border-top: 1px solid #ace0fd;
	border-right: 1px solid #0076c4;
	border-bottom: 1px solid #0076c4;
	border-left: 1px solid #ace0fd;
    color: #fefefe;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

/* for the table drag and drop with JQuery */
.tDnD_whileDrag {
	background-color: #eee;
}

tr.alt td {
	background-color: #ecf6fc;
}

tr.myDragClass td {
    color: yellow;
    background-color: black;
}

td.dragHandle {
    
}

td.showDragHandle {
	background-image: url(images/updown2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}