/*  */

/* tag/admin tag/index login/admin*/
#content {
    BACKGROUND: url(/images/mainbackground.gif) repeat-y 100% 100%; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN: 5px 0px 0px 0px; WIDTH: 70%; PADDING-TOP: 20px; TEXT-ALIGN: left
}
DIV.New {
    MARGIN-BOTTOM: 10px; MARGIN-TOP: 0px; WIDTH: 100%; MARGIN-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse;FONT-SIZE: 12px;
}

TABLE.TimeTrack {
	MARGIN-BOTTOM: 0px; WIDTH: 100%; cellpadding: 0; cellspacing: 0; BORDER-COLLAPSE: collapse
}
TABLE.TimeTrack .th HR {
	WIDTH: 100%; HEIGHT: 1px
}
TABLE.TimeTrack TH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #dcdcdc; WHITE-SPACE: nowrap
}
TABLE.TimeTrack TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #ddd 1px solid; WHITE-SPACE: nowrap
}
TABLE.TimeTrack TR.th {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #dcdcdc; WHITE-SPACE: normal; TEXT-ALIGN: left
}
TABLE.TimeTrack TD.th {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 6px; BACKGROUND: #dcdcdc; WHITE-SPACE: normal; TEXT-ALIGN: left
}

.highlight {
	BACKGROUND-COLOR: #ffc
}

TABLE.input {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: none; PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px; BORDER-COLLAPSE: collapse
}
TABLE.input TH {
	FONT-SIZE: 11px; BACKGROUND: #cccccc
}
TABLE.input TD {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #efefef; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
TABLE.input TD.user {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND: #efefef; COLOR: green
}
TABLE.input TD.start {
	FONT-WEIGHT: bold; COLOR: green
}
TABLE.input TD.end {
	FONT-WEIGHT: bold; COLOR: red
}
TABLE.input TD TEXTAREA {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 100%; BORDER-BOTTOM: #666 1px solid; HEIGHT: 80px
}
TABLE.input TD TEXTAREA {
	BORDER-RIGHT: #7F9DB9 1px solid; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; WIDTH: 100%; BORDER-BOTTOM: #7F9DB9 1px solid; HEIGHT: 80px
}

/*-------------------------------------------------
LOGIN SCREEN (.login is body class)(login/login)
-------------------------------------------------*/

.login div.Container {
	width: 430px;
	text-align:center;
	margin:20% auto;
	min-width: inherit;
}

.login h1 {
	margin-bottom: 20px;
}


.login dl {
	margin: 10px 0 0 0;
}

.login p {
	margin: 10px 0 0 0;
}

.login dt {
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: 24px;
}

.login dd {
	margin: 0 0 5px 90px;
	font-size: 12px;
	line-height: 24px;
	color: #666;
	margin-left: 120px;
}

.login input {
	font-size: 14px;
}

.login dd span {
	color: #ccc;
}

.login input#username {
	width: 300px;
}

.login input#password {
	width: 150px;
	margin-right: 5px;
}

.login input#emailpassword {
	vertical-align: middle;
	margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
	margin: 10px 0 20px 0;
}

.login div#Dialog {
	border: 10px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
	
}

body.login div#Dialog h2 {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------
FLASHES(login/login flash(:notice))
-------------------------------------------------*/

#Flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 0 auto 12px auto;
  margin-right: 7px;
}

#Flash.good {
	border-color: #ccc;
	color: #000000;
	background: #FFFFF0;
}


/*-------------------------------------------------
login(login/new,edit) 
-------------------------------------------------*/
#basic_form DIV.block {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 5px; MARGIN: 3px 0px 25px; COLOR: #333; PADDING-TOP: 5px
}

#basic_form DIV.block INPUT {
	FONT-SIZE: 12px
}
#basic_form DL {
	
}
#basic_form DT {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 4px 8px 0px 0px; WIDTH: 130px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; POSITION: relative; TEXT-ALIGN: left
}
#basic_form DT.required {
	FONT-WEIGHT: bold
}
#basic_form DD {
	FONT-SIZE: 14px; MARGIN: 0px 0px 5px
}
#basic_form P.blockintro {
	FONT-SIZE: 11px; MARGIN: 0px; COLOR: #666; LINE-HEIGHT: 14px
}
#basic_form DIV.action {
	BORDER-TOP: #000 2px solid; FONT-SIZE: 12px; MARGIN-BOTTOM: 10px; PADDING-TOP: 8px; TEXT-ALIGN: right
}

/*-------------------------------------------------
mission(mission/index 
-------------------------------------------------*/
#missionandtemp
{
    width:100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#missionandtemp #mission
{
    width: 69.9%;
    float: left;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#missionandtemp #template
{
    width:29.9%;
    float:left;
    margin:0px;
    padding:0px;
    border:0px;
}

/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/


table.layout {
  border-collapse: collapse;
  width: 100%;
  MARGIN: 23px 23px 0px 23px; 
}

table.layout td.left,
table.layout td.right {
  vertical-align: top;
  padding: 0;
}

table.layout td.left {
  width: 70%;
}

table.layout td.right {
  width: 30%;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 30%;
	}

table.layout td.left div.Left,
table.layout td.right div.Right {
  width: auto;
  float: none;
}

/*-------------------------------------------------
NEW FOR PROPORTIONAL WIDTH VERSION 
-------------------------------------------------*/

.col {
	padding: 0 20px;
	text-align: left;
}
div.Left .col,
div.Left .bottom,
div.Right .col {
	min-width: 200px;
	padding: 0 0 0 9px;
}

/*-------------------------------------------------
mission
-------------------------------------------------*/
SPAN.nubbin_hover {
	Z-INDEX: 2; POSITION: relative
}

}
TABLE.layout TD.left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px
}
TABLE.layout TD.right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px
}
TABLE.layout TD.left {
	WIDTH: 70%
}
TABLE.layout TD.right {
	WIDTH: 30%
}
DIV.Left .col {
	PADDING-RIGHT: 50px; PADDING-LEFT: 20px; BACKGROUND: url(/images/right-bg.gif) #fff repeat-y right 50%; PADDING-BOTTOM: 10px; PADDING-TOP: 15px; POSITION: relative
}
DIV#Createmission {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #efefef; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: #333; PADDING-TOP: 0px; FONT-FAMILY: "Lucida Grande", verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #e5e5e5; TEXT-ALIGN: center
}
A.image:link {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
A.image:visited {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
A.image:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
A.image IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
SPAN.nubbin_hover {
	Z-INDEX: 2; POSITION: relative
}
SPAN.nubbin {
	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; Z-INDEX: 1; BACKGROUND: url(/images/nubbin.gif) no-repeat left top; LEFT: -50px; PADDING-BOTTOM: 0px; WIDTH: 60px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px
}
DIV.list SPAN.nubbin {
	LEFT: -50px
}
DIV#Createmission P.submit {
	PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px 0px; PADDING-TOP: 3px
}