body            {background:#333;font-family: Arial, sans-serif;}
.body           {width:100%;height:auto;}
.main           {margin:auto;width:100%;max-width:1000px;margin-top:30px;}

.calheader      {width:100%;height:auto;min-height:40px;background:#555;color:#FFF;}
.cal-inner a    {color:#FFF;text-decoration:none;}
.cal-inner      {padding:10px 10px 0px 10px;}
.calendar       {width:100%;min-height:500px;background:#FFF;}
.calwrap2       {padding:0px 0px 0px 8px;}
.calwrap        {margin:0px 0px 0px 0px;width:100%;height:auto;background:#FFF;}
.day            {border-radius: 2px 2px 2px 2px;display:block;float:left;min-height:100px;height:100px;width:100%;max-width:135px;border-right:1px solid #eeeeee;border-bottom:1px solid #cecece;margin: 5px 5px 5px 0px;}
.blankday       {display:block;float:left;min-height:100px;height:100px;width:100%;max-width:135px;border-right:1px solid #eeeeee;border-bottom:1px solid #cecece;margin: 5px 5px 5px 0px;}
.daywrapper     {width:1000px;height:auto;padding:0px 10px;}

.daydate        {padding:3px 2px 2px 5px;margin:0px 2px 0px 2px;font-size:13px;font-weight:bold;}
.day-hdr        {float:left;background:#0a82d8;color:#FFF;min-height:30px;width:100%;max-width:135px;margin: 5px 6px 0px 0px;border-bottom:2px solid #000;}
.inner          {padding:5px 0px 0px 10px;}
.spacer         {width:100%;height:10px;clear:left;}
.hidden			{display:none;width:100%;}
.mobilehdr      {display:none;}
.left           {height:auto;width:20%;float:left;}
.mid            {height:auto;width:60%;text-align:center;float:left}
.right          {height:auto;float:right;text-align:right;}
.detail         {font-size:12px;padding:10px 0px 0px 5px;}
.compdetail     {font-size:11px;padding:10px 0px 0px 5px;}
.time           {font-size:11px;padding:10px 0px 0px 0px;color:#666;}
.comptime       {font-size:11px;padding:3px 0px 0px 0px;color:#666;}
.compshift      {padding:0px 0px 0px 0px;}

.note           {width:100%;color:#FFF;font-size:13px;padding-top:20px;}
.note a         {text-decoration:none;color:#FFF;}

.round          {border-radius: 0px 0px 0px 0px;font-size:12px;}
.weekend        {background:#EEEEEE;}
.annualleave      {background:#367a34;color:#FFF;}
.dot           {background:#bed3e2;}
.restcolor      {background:#096e09;color:#FFF;}
.dayend         {font-size:10px;font-weight:100;color:#000}
#clear          {clear:both;}

.dayofweek        {display:none;}
.formwrap       {float:left;max-width:380px;width:380px;height:38px;margin: 0px 10px 0px 0px;}


.content    {width:100%;max-width:1000px;background:#FFF;min-height:600px;}
.content-box	{width:100%;font-size:13px;}
.mobile-content	{max-width:450px;margin:auto;padding:0px 20px 0px 20px;}
.middle     {display:block;margin:auto;width:100px;height:auto;padding-top:150px;}
.blue       {color:#1f7699;}
.newblue	{color:#062d41;}
.bluetxt    {color:#666;font-size:12px; width:auto; margin:auto;padding-top:80px;text-align:center;}
.redtxt      {color:#c00;font-size:16px; width:auto; margin:auto;padding-top:20px;text-align:center;margin-bottom:-20px;}
input[type=text], select, input[type=password], textarea{width:120px;height:30px;background:#dbdbdb;border:0px none;	margin:5px 0;color:#535353;font-size:14px; padding-left:10px; -webkit-appearance: none; -webkit-border-radius: 0;}
input[type=submit], input[type=reset] {	background:#062d41;border:1px solid #2180a6;font-size:14px;text-align:center;color:#FFFFFF;cursor:pointer;height:30px; -webkit-appearance: none; -webkit-border-radius: 0;}
input[type=button] { -webkit-appearance: none; -webkit-border-radius: 0;}

.select		{width:98%;padding:0px 10px;font-size:14px;}
.bigCheckbox { width: 30px; height: 30px; }

form        {margin:0;padding:0;}
.top        {width:100%;min-height:50px;background:#2180a6;}
.shiftform  {margin-left:10px;padding-top:5px;float:left;width:auto;}
.strip      {width:100%;height:30px; color:#FFF;background:#000;}
.striptxt   {margin-left:10px;padding-top:10px;font-size:11px;}
.clear      {clear:both;clear:right;clear:left;}


.menu       {border-right:1px dotted #CECECE; width:auto; width:300px;height:auto;min-height:520px;float:left;padding:10px 5px 0px 5px;}

.menuhdr    {width:100%;background:#2180a6;min-height:25px;color:#FFF;padding:8px 0px 0px 5px; font-size:13px;border-bottom:2px solid #FFFFFF;}
.menuhdr p   {display:inline;padding: 10px 0px 0px 10px;margin-top:5px;}
.menu ul    {list-style-type: none; font-size:13px;padding:0px;}
.menu li    {padding: 8px 0px 8px 10px;}
.menu li a  {text-decoration:none;color:#000;}

.menu ul li:nth-child(odd) {background: #ccc;}
.menu ul li:hover					{background:#FFCC00;border-left:0px;color:#000;}
.mleft      {float:left;}
.mright     {text-align:right;margin-right:10px;}
.menu-content	{max-width:100%;padding:10px 5px;}

.pad-left   {padding-left:10px;}

.nav-menu-right						{z-index:99;width:auto;height:auto;position:absolute;margin-top:-0px;margin-left:0px;border:1px solid #000;display:none;float:right;text-align:left;}

.sub-menu ul                        {width:100%;}
.sub-menu ul li						{margin:0px 0px 0px 0px;padding-right:10px;}
.sub-menu ul li:nth-child(odd)			{background:#2180a6;}
.sub-menu ul li:nth-child(even)			{background:#666666;}
.sub-menu ul li:hover					{background:#FFCC00;border-left:0px;color:#000;}
.sub-menu ul li a							{color:#FFF;text-decoration:none;}
.sub-menu a:hover					{color:#000;}

.copy	{color: #FF0000;padding:2px;font-weight:bold;}

.hdrbutton                          {background:#2180a6;color:#FFF;border:1px solid #FFF;}
.logoutbutton                          {background:#2180a6;color:#FFF;border:1px solid #FFF;padding:5px;}
.help						{z-index:99;width:auto;max-width:300px;height:auto;position:absolute;border:1px solid #000;display:none;float:right;text-align:left;background:#f4bf42;padding:10px;margin-top:10px;color:#000;font-size:13px;}

.logout     {float:right;margin-top:10px;margin-right:10px;}

.errortxt   {width:100%;text-align:center;color:#FF0000;padding-top:200px;}
.errortxt p {padding:0px 60px 0px 60px;}
.back a      {text-decoration:none; color:#000;}


.addshift   {margin-top:0px;height:auto;margin-bottom:10px;}
.page-content       {width:auto;min-width:460px;float:left;margin-left:5px;margin-top:10px;}



.full-table table 						{width:100%;border-collapse: collapse;}
.full-table td 							{height:28px;font-size:14px;width:50%;}
.full-table tr 							{width:100%;}

.table table 						{width:100%;border-collapse: collapse;}
.table td 							{height:28px;font-size:14px;}
.table tr 							{width:100%;}

.pagenote   {clear:left;width:auto;max-width:460px;font-size:12px;color:#2180a6;}

.followers  {float:left;padding-right:20px;margin-top:7px;color:#FEFEFE;font-size:13px;cursor:pointer;}
.followlist	{z-index:99;width:auto;height:auto;position:absolute;margin-top:40px;margin-left:0px;border:1px solid #000;display:none;}
.followusers {width:auto;height:auto;min-width:200px;background:#FFF;}
.followusers ul    {list-style-type: none; font-size:13px;padding:0px;margin:0px;}
.followusers li    {padding: 8px 8px 8px 10px;}
.followusers li a  {text-decoration:none;color:#FFF;}
.followusers ul li:nth-child(odd)			{background:#2180a6;}
.followusers ul li:nth-child(even)			{background:#666666;}
.org        {font-size:22px;color:#FFF;display:block;Padding:10px;}

.calbtn     {display:block;Padding:5px;background:#2180a6;color:#FFF;margin-bottom:15px;border:0px;font-size:14px;}

.right  {float:right;}
#searchme {width:380px;width:100%;height:35px;font-size:16px;}
.history {float:left;width:auto;min-height:38px;padding:15px 0px 0px 0px;margin:0px 0px 10px 0px;}
.historya   {color:#FFF;text-decoration:none;padding:0px 0px 10px 0px;display:block;float:left;}
.historydel   {color:#DD0000;text-decoration:none;padding:0px 10px 10px 5px;display:block;float:left;}
.historylink    {float:left;}

.green  {color:#009900;font-weight:bold;}
.share  {display:block;background:#0a82d8;color:#FFF;border:1px solid #FFF;height:35px;padding:10px 0px 0px 12px;text-decoration:none;}

.grey	{color:#666;}
.error	{border:2px solid #FF0000;}


.sm-container {padding:10px 0px 10px 0px; font-size:12px;width:100%;}
.social     {width:90px;height:20px;color:#FFF;padding:3px 3px 3px 6px;border-radius: 3px;}
.social img {display:block;width:20px;float:left;margin:0px 10px 0px 0px;}
.soc-link    {display:block;padding:3px 0px 0px 5px;}
.social-link    {display:block; float:left;margin-right:10px;text-decoration:none;}
.fb         {background:#3b5998;}
.tw         {background:#55acee;}
.pin        {background:#cb2027;}
.wa         {background:#2ba63a;}
.em			{background:#666;}

.apps		{width:100%;}
.applink	{display:block;margin:10px 10px 0px 0px;float:left;}
.appstore	{display:block;height:29px;}

/* 1024px and under */
@media (max-width: 1023px) {

}


/* 720px and under */
@media (max-width: 1000px) {

body		{margin:0px;}

.main       {margin-top:0px;}
.calheader  {min-height:70px;font-size:16px;padding-top:10px;}
.day        {clear:left;max-width:100%;border-radius: 0px 0px 0px 0px;margin: 5px 0px 0px 0px;}

.formwrap       {max-width:100%;width:100%;height:38px;margin: 0px 0px 0px 0px;}
.hdr-padd		{padding:10px;}
.daywrapper {width:100%;padding:0px 0px 0px 0px;}

.day-hdr    {display:none;}
.blankday   {visibility:collapse;display:none;height:0px;}
.detail     {font-size:22px;padding:10px 0px 0px 5px;}
.shift      {float:left;display:block;margin-right:20px;}
.compdetail     {font-size:16px;padding:10px 0px 0px 5px;width:99%;}
.compshift      {font-size:16px;display:block;margin-right:20px;Float:left;height:25px;min-width:49%;}
.comptime       {font-size:16px;height:25px;padding:0px 0px 0px 0px;}
.time       {font-size:22px;text-decoration:none;padding-top:0px;padding-left:20px;}

.dayofweek    {display:inline-table;}
.mid           {display:none;width:0px;}
.mobilehdr      {display:none; height:30px;width:100%;text-align:center;padding:10px 0px 0px 0px; margin:0px 0px 10px 0px; background:#0a82d8;}
.round          {font-size:18px;padding-left:10px;}
.weekday    {display:block;min-width:100px;min-height:20px;padding:10px 0px 0px 5px;color:#666;}


.compdetailx     {font-size:11px;padding:10px 0px 0px 5px;}
.timex           {font-size:11px;padding:10px 0px 0px 0px;color:#666;}
.comptimex       {font-size:11px;padding:3px 0px 0px 0px;color:#666;clear:left;}
.compshiftx      {padding:0px 0px 0px 0px;float:left;}
.dayend         {font-size:13px;font-weight:200;}

.menu       {width:98%;min-width:98%;border-right:0px;}
.menuhdr    {min-height:45px;font-size:20px;width:98%;padding:15px 0px 0px 10px; }
.menu-content	{max-width:100%;width:100%;}
.page-content       {min-width:100%;width:100%;clear:left;}
.menu ul    {font-size:18px;padding:0px;}
.menu li    {padding: 15px 0px 15px 10px;}

.mright		{margin-top:-5px;}
input[type=text], select, input[type=password], textarea{height:40px;font-size:14px;width:200px;}
input[type=submit], input[type=reset]{font-size:14px;height:40px;}
.hdrbutton                          {height:40px;font-size:14px;}

.help						{width:98%;font-size:18px;}
.logoutbutton	{height:35px;font-size:18px;}
.followers		{font-size:14px;}
.top        {min-height:60px;}
.select		{width:98%;padding:0px 10px;font-size:18px;}
#searchme  {width:100%;height:50px;font-size:22px;}
.dirbutton	{border:2px solid #FFFFFF;background:#0a82d8;color:#000;height:35px;font-size:22px;min-width:100px;padding:5px 15px;}

.historylink    {font-size:18px;border:1px solid #FFFFFF;padding:10px 10px 0px 10px;background:#FFCC00;margin-right:10px;margin-top:10px;}
.historylink a	{color:#000000;font-size:22px;}
.historydel a	{}
.middle     {width:200px;}

.social     {width:185px;height:30px;color:#FFF;padding:6px 3px 3px 6px;font-size:16px;border-radius: 3px;margin:10px 0px;float:left;}
.social img {display:block;width:20px;float:left;margin:5px 10px 0px 0px;}
.soc-link    {display:block;padding:6px 0px 0px 5px;}
.social-link    {display:block; float:left;margin-right:10px;text-decoration:none;}
.note           {font-size:16px;}

}