@CHARSET "ISO-8859-1";

@import
http://fonts.googleapis.com/css?family=Raleway;

/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#outPopUp {
  position: absolute;
  width: 300px;
  height: 200px;
  z-index: 15;
  top: 25%;
  left: 50%;
  margin: -100px 0 0 -150px;
}

#error {
	color: red;
}

#main {
	width: 960px;
	margin: 50px auto;
	font-family: raleway
}

h2 {
	background-color: #FEFFED;
	text-align: center;
	border-radius: 10px 10px 0 0;
	margin: -10px -40px;
	padding: 15px
}

hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 10px -40px;
	margin-bottom: 30px
}

#login {
	width: 300px;
	float: left;
	border-radius: 10px;
	font-family: raleway;
	border: 2px solid #ccc;
	padding: 10px 40px 25px;
	margin-top: 70px
}

input[type=text], input[type=password] {
	width: 99.5%;
	padding: 10px;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
	font-family: raleway
}

select.addUrl {
	width: 95%;
	padding: 10px;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
	font-family: raleway;
	text-indent: 5px;
	text-align: center;
}

input.addUrl {
	width: 95%;
	padding: 10px;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
	font-family: raleway
}

input[type=submit] {
	width: 100%;
	background-color: #FFBC00;
	color: #fff;
	border: 2px solid #FFCB00;
	padding: 10px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 15px
}

#profile {
	padding: 50px;
	border: 1px dashed grey;
	font-size: 20px;
	background-color: #DCE6F7
}

#logout {
	float: right;
	padding: 5px;
	border: dashed 1px gray
}

a {
	text-decoration: none;
	color: #6495ed
}

i {
	color: #6495ed
}

table {
    border-collapse: collapse;
    width: 100%;
}

table, th, td {
   border: 0px solid black;
   text-align: left;
   border-bottom: 1px solid black;
   word-break: break-all;
}

tr:hover {background-color: #f5f5f5}

th {
    background-color: #f6a638;
    color: white;
}

table.addUrl {
	border: 0px;
    width: 100%;
}

tr.addUrl {
   border: 0px;
   text-align: left;
   border-bottom: 0px;
}

td.addUrl {
   border: 0px;
   text-align: left;
   border-bottom: 0px;
}

tr.addUrl:hover {background-color: #ffffff}