/**
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Sans Serif; font-size: 78%;
	color: #333333;
	text-align: center;
}

img  {
	border: 0 none;
	margin-left: auto;
	margin-right: auto;
}

/* -- id styles ------------------------------------- */

/*#frame {
	margin: 20px auto;
	width: 400px;
	padding: 20px;
}*/

#frame form {
	text-align: left;
}

/* -- class styles ---------------------------------- */

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 2px;
}

/* -- form styles ----------------------------------- */

form    { margin: auto; }
form p  { margin: 0; padding: 0; }
form fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
label         { display: block; float: left; }
input 		  { padding: 1px; }
input.button  { width: auto; height: 1.8em; cursor: pointer; }

label   { margin: 5px 0px 2px 0px; width: 10em;}
form p  { padding: 0.2em 0 0.2em 0; }
form br  { display: none; }
input    { border: 1px solid #0E67A1; }
input.button 		 { background-color: white; }
input.button:hover { border-color:  #FC902E; }

#blank {height:600px}


#frmlogin	      { margin: 0 10px 0 10px;  }
#frmlogin fieldset.button { text-align: right; }

div#cover{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background-image:url(overlay.gif); image-repeat:repeat; }
h1{position:absolute;top:-10000px;}
/*#frame{width: 600px;border: none;}*/
p{font-weight: bold;color: #000;font-size: 15px;line-height: 160%;}
body{background:#50CA5C;}
.b250{position:relative; z-index:2; background:url(padding.gif) 0 0  no-repeat; margin: 0 auto; width: 228px;height: 228px;color: transparent;}
.socialmedia{width: 219px;margin: 0 auto;height: 25px;}
.intranet{position:relative; z-index:2; background:url(../images/intranet.png);float: left;width: 32px;height: 32px; color: transparent;}
.cockatoo{position:relative; z-index:2; background:url(../images/c2.jpg);float: left;width: 32px;height: 32px; color: transparent;;margin-left:5px;}
.youtube{position:relative; z-index:2; background:url(../images/YouTube_icon_block.png);float: left;width: 32px;height: 32px; color: transparent;;margin-left:5px;}
.facebook{position:relative; z-index:2; background:url(../images/widget013_32x32_top.gif) 0 -160px no-repeat;float: left;width: 32px;height: 32px; color: transparent;;margin-left:5px;}
.twitter{position:relative; z-index:2;background:url(../images/widget013_32x32_top.gif) 0 -704px no-repeat;float: left;width: 32px;height: 32px; color: transparent;;margin-left:5px;}
.googleplus{position:relative; z-index:2;background:url(../images/widget013_32x32_top.gif) 0 -288px no-repeat;float: left;width: 32px;height: 32px; color: transparent;;margin-left:5px;}

@media all and (min-width: 701px) {
    #frame {margin: 20px auto;width: 600px;padding: 20px;}
	#blank {background-image:url('../images/600x600AppsLogo.jpg');width: 600px;border: none;background-size: 500px;background-repeat: no-repeat; background-position: center center;}
}
@media (min-width: 471px) and (max-width: 700px){
	#frame {margin: 20px auto;width: 400px;padding: 20px;}
    #blank {background-image:url('../images/400x400AppsLogo.jpg');margin: -100px auto;width: 400px;border: none;background-repeat: no-repeat; background-position: center center;}
}
@media all and (max-width: 470px) {
	#frame {margin: 20px auto;width: 250px;padding: 20px;}
    #blank {background-image:url('../images/250x250AppsLogo.jpg');margin: -150px auto;width: 250px;border: none;background-repeat: no-repeat; background-position: center center;}
}