/* COLORS:
  #EBF2F9: Main Background
  #FFFFFF: Sub Background
  #DDDDDD: Workflow Head Background
  #D3F5CD: Hover Background
  #FCF4AA: Selected Background
  #EEEEEE: Disabled Background
  #D0D4D8: Main Border
  #00903B: Arrow Border
  #EE4037: Title Line Border
  #647287: List Color */

/* Element Style */

body {
	font-family:Tahoma,Arial,sans-serif;
	font-size:12px;
	margin:0 auto;
	background:#EDDFAF;
}

/* Page */

#main_content{
	/* background: url(../images/login_bg.jpg) #f7f7f7; */
	/* background:#f7f7f7; */
	width:100%;
	float:left;
	min-height:680px;
}

#wrapper{
	width:1010px;
	margin:0 auto;
}

.Big {
	font-size:13px;
}

.Container {
	background:#EBF2F9;
	border:1px solid #D0D4D8;
	border-radius:6px;
	margin:0 auto;
	padding:10px;
	/* width:600px; */
	width:90%;
}

.DivButton img {
	vertical-align:top;
}

.DivButton:hover {
	background:#D3F5CD;
}

.DivButton {
	cursor:pointer;
	height: 30px;
    background: none repeat scroll 0 0 #E3E3E3;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px 1px #F6F6F6 inset;
    color: #333333;
    font: bold 12px/1 "helvetica neue",helvetica,arial,sans-serif;
    padding: 8px 10px 9px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
}
.DivButton:hover {
    background: none repeat scroll 0 0 #D9D9D9;
    box-shadow: 0 0 1px 1px #EAEAEA inset;
    color: #222222;
    cursor: pointer;
}
.DivButton:active {
    background: none repeat scroll 0 0 #D0D0D0;
    box-shadow: 0 0 1px 1px #E3E3E3 inset;
    color: #000000;
}

.DivButton img{
	margin-bottom:4px;
}

.DivImg {
	position:relative;
	bottom:4px;
	color:#31CCEB;
}

.DivImg img, .DivImg select, .DivImg input {
	vertical-align:top;
}

.DivImgDisabled img {
	vertical-align:top;
	filter:url(style.svg#desaturate);
}

input[type="button"], input[type="submit"], #linkCopy {
    background-color: #C20034;
background-image: -moz-linear-gradient(center top , #C20034, #AB002B);
border-color: #AB002B #AB002B #9C0029;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
/*    box-shadow: 0 1px 0 0 #72EBB9 inset, 0 1px 2px 0 #B3B3B3;*/
    color: #FFFFFF;
    font: 11px/1 "lucida grande",sans-serif;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #32BC75;
}
input[type="button"][disabled], input[type="button"][disabled]:hover, input[type="button"][disabled]:active, #linkCopy[disabled]:hover {
    background-color: #DADADA;
    background-image: -moz-linear-gradient(center top , #DADADA, #F3F3F3);
    border-color: #C5C5C5 #CECECE #D9D9D9;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: #8F8F8F;
    cursor: not-allowed;
    text-shadow: 0 -1px 1px #EBEBEB;
}
input[type="button"]::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}

#linkCopy{
	display:inline;
}

.DivIndex {
	background-color:#FCF4AA;
	border:1px solid #CCC;
	font-size:9px;
	float:right;
	padding:1px 2px;
}

.GreenArrow {
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #00903B;
	margin-left:130px;
	margin-top:-2px;
	position:absolute;
}

.Header {
	height:70px;
	width:1010px;
	margin:0 auto;
}

.HeaderItem {
	background-color:rgba(255,255,255,0.8);
	margin:5px;
	padding:5px;
}

.HeaderUser img {
	opacity:2;
}

.ImgSide {
	float:left;
	margin-right:7px;
	width:32px;
}

.ImgSideSmall {
	vertical-align:top;
	width:16px;
}

.ImgWorkflow {
	filter:url(style.svg#desaturate);
}

.ImgWorkflow:hover {
	filter:none;
}

.List {
	color:#647287;
	font-weight:bold;
	list-style-type:none;
	padding:10px 10px;
}

.ListDisabled {
	background:#EEEEEE url(../images/list_separator.png) repeat-x center bottom;
}

.ListDisabled img {
	filter:url(style.svg#desaturate);
}

.ListItem {
	background:url(../images/list_separator.png) repeat-x center bottom;
	cursor:pointer;
}

.ListItem:hover {
	background:#D3F5CD url(../images/list_separator.png) repeat-x center bottom;
}

.ListInfo {
	font-size:11px;
	font-weight:normal;
}

.ListSmall {
	background:#FFF;
	color:#647287;
	font-size:11px;
	font-weight:bold;
	list-style-type:none;
	padding:5px;
}

.ListSelected {
	background:#FCF4AA url(../images/list_separator.png) repeat-x center bottom;
	cursor:pointer;
}

.ListTitle {
	background:#FCF4AA;
	border-bottom:1px solid #EE4037;
}

.ListTitleImg {
	border-bottom:1px solid #EE4037;
	font-size:13px;
	padding:5px 0 10px 0;
}

.ListTitleImg img {
	vertical-align:top;
}

.NoWrap {
	white-space:nowrap;
}

.SideMenu {
	background:#EBF2F9;
	float:left;
	width:200px;
}

.SubBG {
	background:#EEEEEE;
}

.SubHeader {
	font-size:12px;
	height:17px;
	padding:15px 0;
	float:right;
}

.WhiteBG {
	background:#FFFFFF;
}

.WorkHeader {
	background:#222;
	border-top:1px solid #CCCCCC;
	font-size:12px;
	height:37px;
	width:100%;
}

.left {
  float: left;
}
.alignleft {
  text-align: left;
}
.right {
  float: right;
}
.alignright {
  text-align: right;
}
.center, .aligncenter {
  text-align: center;
}

.SideItem {
	padding:15px;
	margin:15px 0px;
	float:left;
	border: 1px solid #ccc;
	background:#fcfcfc;
	border-radius: 4px;
	width:978px;
}

.SideItem header {
  height: 44px;
  background: url(../images/bg-pattern-line.png) bottom repeat-x;
}

.SideItem header .inner {
  height: 37px;
  border: 1px solid #222;
  background: #222;
  position: relative;
  box-shadow: inset 0 1px 0 #5e5e5e, inset 1px 0 0 #5e5e5e, inset -1px 0 0 #5e5e5e;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #222;
  /* background: linear-gradient(top, #363636, #222222); */
}

.SideItem header .title {
  margin: 5px;
}
.SideItem header h1 {
  display: inline;
  color: #eee;
  font-size: 14px;
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.7);
}

.SideItem header img {
	position:relative;
	top:4px;
	margin-right:10px;
}

.SideItem header .per-page {
  margin-right: 11px;
  margin-top: 2px;
  color: #ededed;
  float:right;
}

.SideItem header .per-page label {
  position: relative;
  top:3px;
}

.SideItem header .per-page select, .SideItem header .per-page input[type=text] {
  background: #fff;
  color: #333;
  border: 1px solid #202020;
  line-height: 22px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 9px;
  margin: 0 10px;
}

.SideItem header .per-page select {
  width: 60px;
  position:relative;
  bottom:3px;
}

/** hack extension position**/
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
  .per-page label .textnode {
    top: 4px !important;
  }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  .per-page label .textnode {
    top: -1px !important;
  }
} */

.SideItem header .right img {
	float:right;
	padding-top:5px;
}

table.GridStyle {
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /* color:#666; */
  padding: 10px;
}

table.GridStyle th {
  background: #E5E5E5;
  /* background: linear-gradient(top, #ffffff, #e5e5e5); */
  padding: 3px;
  font-size: 11px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding-top: 5px;
  text-shadow: 0 1px 0 #ffffff;
}

.extension {
  background: #abd130;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight:bold;
  padding: 5px 10px;
  text-shadow: 0 -1px 0 #1e995b;
}
.extension a {
  color: #fff;
}

.extension {
  background: #FFB118;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight:bold;
  padding: 5px 10px;
  text-shadow: 0 -1px 0 #ffed66;
}
.extension a {
  color: #fff;
}

.extension.pagination {
  padding: 0;
}

.extension.pagination li, .extension.pagination .dataTables_paginate a {
  float: left;
  border-right: 1px solid #ff9900;
  border-left: 1px solid #ffd256;
}
.extension.pagination li a,
.extension.pagination .dataTables_paginate a a,
.extension.pagination li span,
.extension.pagination .dataTables_paginate a span {
  display: block;
  padding: 5px 8px;
}
.extension.pagination li a:hover,
.extension.pagination .dataTables_paginate a a:hover,
.extension.pagination li span:hover,
.extension.pagination .dataTables_paginate a span:hover {
  background: #ffb732;
  text-decoration: none;
}
.extension.pagination li.active a,
.extension.pagination .dataTables_paginate a.active a,
.extension.pagination li.paginate_active,
.extension.pagination .dataTables_paginate a.paginate_active {
  background: #ffab32;
}
.extension.pagination li.disabled,
.extension.pagination .dataTables_paginate a.disabled,
.extension.pagination li.paginate_button_disabled,
.extension.pagination .dataTables_paginate a.paginate_button_disabled {
	background: #fcd298;
	border-right: 1px solid #e7bf86;
	border-left: 1px solid #ffe4a5;
	color: #fff;
	text-shadow: none;
}

.extension.pagination li.disabled:hover,
.extension.pagination .dataTables_paginate a.disabled:hover,
.extension.pagination li.paginate_button_disabled:hover,
.extension.pagination .dataTables_paginate a.paginate_button_disabled:hover {
	background: #fcd298;
}
.extension.pagination li.first, .extension.pagination .dataTables_paginate a.first {
  border-left: none;
  border-bottom-left-radius: 4px;
}
.extension.pagination li.first a, .extension.pagination .dataTables_paginate a.first a {
  border-bottom-left-radius: 4px;
}
.extension.pagination li.last, .extension.pagination .dataTables_paginate a.last {
  border-right: none;
  border-bottom-right-radius: 4px;
}
.extension.pagination li.last a, .extension.pagination .dataTables_paginate a.last a {
  border-bottom-right-radius: 4px;
}
.extension.pagination .dataTables_paginate a {
  cursor: pointer;
  display: block;
  padding: 5px 8px;
}
.extension.pagination .dataTables_paginate a.paginate_button_disabled {
  cursor: auto;
}
.extension.pagination .dataTables_paginate a:hover {
  background: #ffcf32;
  text-decoration: none;
}
.extension.inleft {
  margin-left: 20px;
}
.extension.inright {
  float: right;
  margin-right: 20px;
}
.extension.top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.extension.bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

td.FootBG {
	background:#222;
	color:#fff;
	border:1px solid #222;
	font-size:11px;
}

.box-content{
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.filterTable {
	padding:5px;
	/*background:#d8feec;
	border:1px solid #d0e8d0;*/
	background:#EDEDED;
	border:1px solid #D5D5D5;
	border-radius:4px;
}

.addButton {
    background-color: #FFB118;
    border-color: #ffaa22;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
/*    box-shadow: 0 1px 0 0 #72B9EB inset, 0 1px 2px 0 #B3B3B3;*/
    color: #FFFFFF;
    font: 14px/1 "lucida grande",sans-serif;
    padding: 3px 7px;
    text-align: center;
    text-shadow: 0px 1px 1px #ffed66;
    font-weight:bold;
}
.addButton:hover {
    background-color: #ffb732;
    border-color: #ffaa22;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}
.addButton:active {
    box-shadow: 0 1px 0  #E08600 inset;
    text-shadow: 0 1px 0 #E08600;
}

.right .addButton {
	margin:8px 5px 0 0; 
}

.addButton_disabled {
	background: #fcd298;
	border-right: 1px solid #e7bf86;
	border-left: 1px solid #ffe4a5;
	color: #fff;
	text-shadow: none;
}
.addButton_disabled:hover {
	background: #fcd298;
	cursor: auto;
}